반응형

reactjs 35

Jest에서 버튼 클릭 시뮬레이션

Jest에서 버튼 클릭 시뮬레이션 버튼 클릭 시뮬레이션은 매우 쉽고 표준적인 조작처럼 보입니다.하지만 Jest.js 테스트에서는 작동하지 않습니다. jQuery를 사용하여 시도했지만 아무것도 트리거되지 않았습니다. import { mount } from 'enzyme'; page = ; pageMounted = mount(page); const button = pageMounted.find('#some_button'); expect(button.length).toBe(1); // It finds it alright button.simulate('click'); // Nothing happens #1 Jest 사용 Jest 모의 콜백 함수를 사용하여 클릭 이벤트를 테스트하는 방법은 다음과 같습니다. imp..

source 2023.02.14

모든 타입 스크립트유형 체크를 비활성화하려면 어떻게 해야 하나요?

모든 타입 스크립트유형 체크를 비활성화하려면 어떻게 해야 하나요? 향후 TypeScript를 사용하고 싶습니다만, 현시점에서는 Create React App에 TypeScript를 인스톨 하는 것을 선택했습니다(나중에 다시 Type을 추가합니다). 따라서 모든 타입 체크를 무효로 하고 싶습니다. 지금 내가 이런 일을 할 때: class PlaceSearchBar extends React.Component { ... } 에러가 표시된다. Type error: Type '{ placeSearchChanged: (place: any) => void; }' is not assignable to type 'IntrinsicAttributes & IntrinsicClassAttributes & Readonly & ..

source 2023.02.14

useState는 동기화되어 있습니까?

useState는 동기화되어 있습니까? 이 질문에는 이미 답변이 있습니다. useState set 메서드가 변경을 즉시 반영하지 않습니다. (15개의 답변) 닫힘4년 전에요. 과거에, 우리는 분명히 경고받은 적이 있습니다setState({myProperty})비동기이며, 이 값은this.state.myProperty콜백 또는 다음 콜백까지 유효하지 않습니다.render()방법. useState를 사용하면 상태 값을 명시적으로 업데이트한 후 어떻게 얻을 수 있습니까? 후크에서는 어떻게 동작합니까?내가 아는 한, 세터 기능은useState콜백을 받지 않습니다. const [value, setValue] = useState(0); setValue(42, () => console.log('hi callback'..

source 2023.02.14

react app을 배포할 때 오류가 발생하여 계속 << 플러그인 "react"가 "package" 간에 충돌했습니다.json l eslint - config - config - app ->

react app을 배포할 때 오류가 발생하여 계속 create react 앱을 전개할 때 컴파일에 실패하고 플러그인 "react"가 "package" 사이에 충돌했다는 것을 알려주기 때문에 약간의 문제가 있었습니다.json eslint-config-module-app 혹시 같은 문제를 겪고 해결 방법을 알고 계신 분이 있는지 궁금합니다.감사합니다!나는 아직 이 모든 것을 잘 모른다. 케이스에 충돌이 있습니다. C:\Users\Ruben|데스크탑\reactapp\test...반면 결절모듈은 C:를 찾습니다.\Users\Ruben|데스크탑\Reactapp\test... 이것은 윈도우 고유의 문제이며, 이전 대응에서는 이 차이와 관계없이 앱을 실행했을 것입니다.이젠 아닌 것 같아. 제가 사용한 솔루션은 폴더..

source 2023.02.10

플라스크와 함께 Create-React-App으로 만든 프런트 엔드를 제공합니다.

플라스크와 함께 Create-React-App으로 만든 프런트 엔드를 제공합니다. Create-React-app을 사용하여 만든 React 단일 페이지 응용 프로그램에서 액세스하는 API 루트가 포함된 플라스크 백엔드가 있습니다.create-react-app dev server를 사용할 때는 플라스크 백엔드가 작동합니다. .npm run build스태틱 리액션 앱React 앱을 구축하면 다음과 같은 디렉터리 구조가 생성됩니다. - build - static - css - style.[crypto].css - style.[crypto].css.map - js - main.[crypto].js - main.[crypto].js.map - index.html - service-worker.js - [more ..

source 2023.02.10
반응형