fileupload

Jest: SVG 요구 원인 "SyntaxError:예기치 않은 토큰

webpack-cli에서 오류 발생: 웹 팩 구성에서 "TypeError: merge is not function" webpack-merge를 사용하여 2개의 webpack.config 파일을 결합하고 있는데 "webpack --config ./config/webpack.config.prod.js" 명령을 실행하면 "TypeError: merge is not function" (유형 오류: merge는 함수가 아닙니다)라는 오류가 계속 나타납니다. 이 문제를 마주한 사람이 또 있나요? webpack.config.config.disc.disc const MiniCssExtractPlugin = require('mini-css-extract-plugin'); const OptimizeCssAssetsPlug..

모듈을 찾을 수 없습니다.Next.js 응용 프로그램에서 'fs'를 확인할 수 없습니다.next.js 앱에서 무슨 일이 일어나고 있는지 알 수 없습니다.fs는 nodejs의 기본 파일 시스템 모듈입니다.module not found(모듈을 찾을 수 없습니다)라는 에러가 나타난다. 「 」를 사용하고 fs(서버측 렌더링을 포함한 모든 것이) 또는 에만 있는지 확인합니다. '아,아,아,아,아,아,아,아,아,아,아,아,아,아,아,아,아,아,아,아,아,아,아,아,아,아,아,아,아,아,아,아,아,아,아,아.next.config.js빌드할 클라이언트 번들을 가져오려면 다음 내용을 포함하는 파일을 작성하십시오. ★★★의 webpack4 module.exports = { webpack: (config, { isSe..

경고: findDOMName은 StrictMode에서 사용되지 않습니다. findDOMName은 StrictMode 내의 Transition 인스턴스를 전달받았습니다. 컴포넌트 내에서 기능을 소품으로 사용하려고 하는데 이 컴포넌트는 다른 컴포넌트의 하위 컴포넌트입니다.근데 기능이 안 돼요?이유를 알 수 있을까요?콘솔에 표시되는 경고입니다. 경고: findDOMNode는 StrictMode에서 사용되지 않습니다. findDOMNode는 StrictMode 내에 있는 Transition 인스턴스를 전달받았습니다.대신 참조할 요소에 직접 참조를 추가하십시오. 이건 내 코드야 class Todo extends Component { state = { show: false, editTodo: { id: "", ti..

JSX에서의 곱슬머리 괄호를 사용한 Const 선언 이제 막 React Native를 시작하고 JSX 구문에 익숙해졌습니다.내가 말하는 게 그런 거야?아니면 TypeScript를 말하는 건가요?아니면... ES6?아무튼... 난 이걸 본 적 있어. const { foo } = this.props; 클래스 함수 내부.곱슬머리 교정기의 용도는 무엇이며, 사용하는 것과 사용하지 않는 것의 차이점은 무엇입니까?그것은 과제를 파괴하는 것이다. destructing assignment 구문은 배열 또는 객체의 속성을 개별 변수로 언팩할 수 있는 JavaScript 표현식입니다. 예(ES6): var person = {firstname: 'john', lastname: 'doe'}; const firstname = ..

대응: 스테이트리스 기능 컴포넌트의 PropType React에서 상태 비저장 기능 구성 요소를 작성했으며 이제 Prop Type 검증을 여기에 추가하려고 합니다. List컴포넌트: import React from 'react'; import PropTypes from 'prop-types'; function List(props) { const todos = props.todos.map((todo, index) => ({todo})); return (); } List.PropTypes = { todos: PropTypes.array.isRequired, }; export default List; App컴포넌트, 렌더링List: import React from 'react'; import List from..

Jest: mocking console.error - tests fails The Problem: I have a simple React component I'm using to learn to test components with Jest and Enzyme. As I'm working with props, I added the prop-types module to check for properties in development. prop-types uses console.error to alert when mandatory props are not passed or when props are the wrong data type. I wanted to mock console.error to count ..

create-react-app npm run build command I have a built a small React application with create-react-app, and it runs fine from the local server after running npm start. OK so far. However, when I run npm run build, the process appears to execute correctly (creates build folder, which contains the bundled js file and the index.html file), but when I open index.html in my browser it renders nothing...

리액트 리덕스: 리덕터에 논리가 포함되어 있는지 여부 케이스 추가, 갱신, 삭제를 할 수 있는 카트 리듀서 기능이 있습니다.레독스 스토어에도 제품군이 있습니다.제품 배열에 2개의 아이템이 추가되면 2개의 아이템이 아닌 수량 값을 늘립니다.주요 질문은 제품 배열에 이미 정확한 제품이 포함되어 있는지, 제품 수량에 대한 업데이트만 반환하는지, 또는 기존 제품을 확인하고 새 제품을 추가하거나 수량을 업데이트하는 프레젠테이션 컴포넌트 내에서 이 동작을 처리해야 하는지 여부입니다. function CartReducer (state = initialState, action) { switch (action.type) { case AddToCart: return { ...state, products: [...state..

리액트 스테이트리스 컴포넌트 이벤트핸들러 React stateless 구성 요소에서 이벤트 핸들러를 만드는 최적의 방법을 찾고 있습니다.난 이렇게 할 수 있어: const myComponent = (props) => { const myHandler = (e) => props.dispatch(something()); return ( Click Me ); } 여기서 단점은 이 컴포넌트가 렌더링될 때마다 새로운 "myHandler" 기능이 생성된다는 것입니다.컴포넌트 속성에 액세스할 수 있는 스테이트리스 컴포넌트에 이벤트핸들러를 작성하는 더 좋은 방법이 있을까요?기능 컴포넌트의 요소에 핸들러를 적용하는 방법은 일반적으로 다음과 같습니다. const f = props => 더 복잡한 작업이 필요한 경우 a) 컴..