megabox

ESLint 기본 내보내기 Import/prefer-default-export 선호 안녕하세요, 저는 리액트 프로젝트에서 이 eslint 오류를 없애려고 노력하고 있습니다. Prefer default export import/prefer-default-export Helpers.js 오류는 다음을 나타냅니다. export function getItems() { fetch('./data/data_arr.js') .then(results => results.json()) .then(results => this.setState({ items: results })); } 함수 가져오기: import { getItems } from '../helpers/helpers'; componentDidMount() { g..

create-react-app을 사용하여 빌드 버전을 실행하는 방법 그래서 저는 create-react-app을 사용하여 작은 React 애플리케이션을 개발했습니다. (항상 처음부터 애플리케이션을 만들었습니다.) 그래서 좀 만족한 후에 달리기로 결심했어요.npm run build최적의 프로덕션 구축을 실현합니다. 개발 빌드 대신 프로덕션 빌드를 실행할 수 있는 방법을 알려 주시겠습니까?달릴 때npm run build콘솔에는 다음과 같은 메시지가 표시됩니다. The build folder is ready to be deployed. You may serve it with a static server: npm install -g serve serve -s build 빌드 스크립트는 전체 앱을 빌드 폴더에 빌..

React 16에서의 class vs className React 16에서는 속성을 DOM으로 전달할 수 있습니다.즉, className 대신 class를 사용할 수 있습니다. 이전 버전의 React와 하위 호환성이 있는 것 외에 클래스보다 className을 사용하는 것이 더 좋은 점이 있는지 궁금할 뿐입니다. classjavascript JSX javascript 。바로 리액트가 리액트를 사용하는 입니다.classNameclass. 그 점에서는 아무것도 변하지 않았다. 이걸 좀 더 확대해서.키워드는 언어 구문에서 토큰이 특별한 의미를 갖는다는 것을 의미합니다.예를 들어 다음과 같습니다. class MyClass extends React.Class { " " "class는 다음 토큰이 식별자이고 그 뒤..

Local Storage를 React와 함께 사용하시겠습니까? 지금까지 제가 경험한 바로는 리액트는 아닌 것 같아요.JS는 localStorage 상태로 갱신됩니다.아래는 내 코드입니다. var Frr = React.createClass({ getInitialState: function(){ return { lights: localStorage.getItem('state')} }, switchoff: function(){ this.setState({lights: localStorage.setItem('state', 'off')}); }, switchon:function(){ this.setState({lights: localStorage.setItem('state', 'on')}); }, render:f..