reactjs 24

라이브러리 반응 테스트 vs Jaek

라이브러리 반응 테스트 vs Jaek 리액트(페이지, 모달, 테이블 등)를 사용하는 매우 큰 어플리케이션을 가지고 있으며, 상태 관리에 redux-saga를 사용하고 있습니다.스토어가 많이 있고 거의 모든 컴포넌트에서 useSelector 방식을 사용하여 스토어에서 데이터를 가져오고 논리상 많은 훅을 사용하고 있습니다. 특히 데이터가 정의되어 있지 않거나 유효하지 않은 경우 앱이 크래쉬하지 않도록 앱 테스트를 시작하고 싶습니다.이 경우 어떤 도서관을 추천합니까?React Testing Library와 Jeste는 모두 다른 책임을 가지고 있습니다.React Testing Library는 명령어를 입력할 때 테스트 주자가 아닙니다.npm test ★★★★★★★★★★★★★★★★★」npm run test로 끝..

programing 2023.02.15

반응 성분 테스트를 위해 창 크기 변경을 모의하는 방법 파악

반응 성분 테스트를 위해 창 크기 변경을 모의하는 방법 파악 기본적으로 컴포넌트가 마운트되면 이벤트청취자가 크기 조정 이벤트를 수신합니다.isMobileView 상태를 전환하고 이를 소품으로 자녀에게 전달합니다.따라서 반드시 이 기능을 수행하고 테스트해야 합니다.저는 테스트를 처음 해보는 사람입니다.창의 크기를 조정하고 모든 논리를 실현하는 테스트를 작성할 수 있는 방법을 찾고 있습니다.또, 테스트의 실행 방법을 테스트하고 있습니다. 암호는 다음과 같습니다. componentDidMount() { this.setMobileViewState() window.addEventListener('resize', this.setMobileViewState.bind(this)); } setMobileViewState..

programing 2023.02.15

create-react-app은 App.js와 index.js를 모두 생성하는 이유는 무엇입니까?

create-react-app은 App.js와 index.js를 모두 생성하는 이유는 무엇입니까? 저는 React를 배우기 시작했고, 이제 그 목적이 무엇인지 이해하려고 합니다.index.js그리고.App.jscreate-module-app을 실행하여 생성됩니다. 예를 들어 그냥 쓰면 안 되는 거죠? App.js? App.js는 보통 어플리케이션의 주요 엔트리 포인트로 사용되지만 자동으로 생성된 코드입니다.index.js주요 진입점의 일부인 것 같습니다. import React from 'react'; import ReactDOM from 'react-dom'; import './index.css'; import App from './App'; import registerServiceWorker from..

programing 2023.02.11

사용자가 입력을 중지한 경우에만 검색을 시작하는 방법

사용자가 입력을 중지한 경우에만 검색을 시작하는 방법 사용자가 입력을 중지하면 검색을 수행해야 합니다.set Timeout()을 사용해야 하는 것은 알고 있습니다만, Reactjs에서는 동작 방법을 찾을 수 없습니다.사용자가 몇 초간 입력을 정지했을 때(예를 들어 5), 메서드(검색 처리)를 호출하는 방법을 가르쳐 주세요.사용자가 입력을 중단했는지 확인하기 위해 코드를 어디에 써야 할지 모르겠습니다. import React, {Component, PropTypes} from 'react'; export default class SearchBox extends Component { state={ name:" ", } changeName = (event) => { this.setState({name: eve..

programing 2023.02.11