반응형

ReactJS 27

반응의 공리에서 반응 상태를 설정하는 방법

반응의 공리에서 반응 상태를 설정하는 방법 get response 상태를 axios로 설정하려면 어떻게 해야 합니다. axios.get(response){ this.setState({events: response.data}) } 구문 오류가 있습니다.대신 이걸 써보세요 var self = this; axios.get('/url') .then(function (response) { console.log(response); self.setState({events: response.data}) }) .catch(function (error) { console.log(error); }); //the rest of the code var a = 'i might be executed before the server..

programing 2023.02.17

반응 + 웹 팩: 'process.env'가 정의되지 않았습니다.

반응 + 웹 팩: 'process.env'가 정의되지 않았습니다. 웹 팩을 사용하여 사이트에서 핫 개발 서버를 실행하려고 합니다. 이 사이트에서는 다음 코드가 포함된 ReactJs를 사용합니다. if (\"production\" !== process.env.NODE_ENV) // etc 핫스왑을 실행하지 않으면 문제가 없지만 핫스왑을 실행하면 다음과 같은 오류가 발생합니다. TypeError: process.env is undefined 코드는 다음과 같습니다. 이 프로젝트는 동작하는 https://github.com/webpack/react-starter를 본뜬 것입니다.문제는 구성 파일에서 어떤 오류가 발생했는지, 또는 '실가동' 컴파일이 정상적으로 동작했을 때 어떻게 오류를 찾을 수 있는지 여부입니..

programing 2023.02.17

CSS 모듈의 리액트 서버 측 렌더링

CSS 모듈의 리액트 서버 측 렌더링 현재 CSS with React 컴포넌트의 프랙티스는 웹 팩의 스타일 로더를 사용하여 페이지에 로드하는 것으로 보입니다. import React, { Component } from 'react'; import style from './style.css'; class MyComponent extends Component { render(){ return ( Hello world! ); } } 이렇게 함으로써 스타일 로더는 1차적으로요소를 DOM에 추가합니다.하지만, 그가상 DOM에 존재하지 않기 때문에 서버 측 렌더링을 실행하면생략됩니다.이것에 의해, 페이지에 FOC 가 표시됩니다. 서버와 클라이언트 양쪽에서 동작하는 CSS 모듈을 로드하는 다른 방법이 있습니까?를 사..

programing 2023.02.13

입력 무선 요소를 반응 [material-ui]에서 수평으로 정렬하려면 어떻게 해야 합니까?

입력 무선 요소를 반응 [material-ui]에서 수평으로 정렬하려면 어떻게 해야 합니까? 라디오 그룹은 항상 material-ui에 수직 방향으로 나열되어 있습니다.수평으로 정렬하는 방법이 있습니까? 예를 들어, 모든 라디오 버튼을 한 줄로 수평으로 정렬합니다.속성만 사용하면 됩니다. RadioGroup 그 때문에, 의 속성을 계승합니다.FormGroup컴포넌트도 사용할 수 있습니다. 또 다른 예로는 라벨이 있습니다. 라디오 버튼을 일렬로 렌더링하려면: 내용에 따라 크기를 재설정하려면: RadioGroup 컨트롤에 prop row={true}를 추가하기만 하면 됩니다. 아직 어려움을 겪고 있는 분들을 위해 다음과 같은 스타일을 사용하세요. const styles = theme => ({ group: ..

programing 2023.02.13

고정 AppBar 아래의 콘텐츠

고정 AppBar 아래의 콘텐츠 기본적인 질문일 것입니다만, 문서에서는 예를 찾을 수 없었습니다.사용.material-ui-next 베타.30.다음과 같은 것이 있습니다. import * as React from 'react'; import * as ReactDOM from 'react-dom'; import * as mui from 'material-ui'; import 'typeface-roboto'; function App() { return ( My Title My Content ); } ReactDOM.render( , document.getElementById('container') ); 그리고 나는 그mui.Paper콘텐츠는 AppBar 아래에 표시되며 AppBar에 의해 숨겨지지 않습니다...

programing 2023.02.13

유형 스크립트의 트리거 클릭 - 유형 'Element'에 속성 'click'이 없습니다.

유형 스크립트의 트리거 클릭 - 유형 'Element'에 속성 'click'이 없습니다. Typescript/Reactjs의 HTML 요소에서 클릭 이벤트를 트리거하고 싶습니다. let element: Element = document.getElementsByClassName('btn')[0]; element.click(); 위의 코드는 동작한다.하지만 Typescript 오류가 나타납니다. ERROR in [at-loader] ./src/App.tsx:124:17 TS2339: Property 'click' does not exist on type 'Element'. 그러면 올바른 방법은 무엇일까요?Element 대신 HTMlement 유형을 사용합니다.HTMlement는 Element에서 상속됩니다...

programing 2023.02.13

React fragment에 주요 소품을 추가할 수 있습니까?

React fragment에 주요 소품을 추가할 수 있습니까? 생성 중dl반응: { highlights.map(highlight => { const count = text.split(highlight).length - 1; return ( {highlight} {count} ); }) } 경고 메시지가 나타납니다. 경고:목록의 각 아이들은 고유한 "키" 받침대를 가지고 있어야 합니다. 경고는 삭제되지만 원하는 HTML은 생성되지 않습니다. { highlights.map(highlight => { const count = text.split(highlight).length - 1; return ( {highlight} {count} ); }) } 그리고 나는 그것을 추가할 수 없다.key파편을 떠받치다 )..

programing 2023.02.13
반응형