prostudy

이전 요청 실시간 검색 응답 취소 실시간 검색 axios 요청으로 이전 요청을 취소해야 함- 요청을 하기 위해 스로틀 디바운싱을 사용하고 있지만 기존 단어가 지워지고 새 값이 업데이트되는 경우 문제가 있음 - 일부 경우 이전 단어에 대한 결과가 표시되고 있으므로 동일한 요청에 대한 이전 요청을 모두 취소해야 할 것임ID, 기사들을 읽어보지만, 그 중 아무도 내 활용 사례에 해당되지 않는다.어떤 도움도 내 코드야 환원기: switch (action.type) { case GETTING_DATA: return { ...state, results: action.payload, }; case SEARCH_DATA: return { ...state, Results: action.payload, }; export ..

setState 없이 기능적인 Resact.js 구성 요소를 다시 렌더링할 수 있는 방법이 있는가? 슬라이더의 위치를 변경한 후 리뉴얼해야 하는 기능 Resact 구성 요소가 있다.나는 Redex를 사용하여 내 상태를 관리하고 있기 때문에 React's를 사용할 필요가 없다. 왜냐하면 나에게 있어 그것은 내 문제를 해결하는 다소 진부한 방법이 될 것이기 때문이다.변경에 대해 언급된 구성요소를 클래식 구성요소로 변환하지 않고 리렌더할 수 있는 실제 방법이 있는가? import React from "react"; import { Radio, RadioGroup } from "@material-ui/core"; import Slider from "@material-ui/lab/Slider"; const con..

구성 요소/컨테이너에 React 앱을 구성하는 중 ReactRedex Starter Kit와 함께 작업 중이고 구성 요소/컨테이너에 코드를 정리하려고 하며 올바른 프로세스를 찾는 데 약간 애를 먹고 있다.느슨한 줄이면 좀 그렇긴 한데, 어떻게 하면 더 잘 정리할 수 있을까에 대한 의견을 좀 듣고 싶어. 현재 나는 체크아웃폼(ReducationForm), 체크아웃뷰(양식이 있는 간단한 페이지), 그리고 지금 거의 아무것도 하지 않는 체크아웃컨테이너 등 3개의 파일을 가지고 있다.구성 요소/컨테이너 분리에 대한 읽기의 조언에 따라 CheckoutView는 동일해야 하지만 제출 기능을 빼서 CheckoutContainer에 넣어야 하는가?이 코드를 어떻게 다시 연결하시겠습니까? CheckoutContainer..

동일한 구성 요소를 사용하는 두 구성 요소 프로젝트에서 코드 중복을 피하려고 다른 두 구성 요소가 사용할 수 있는 구성 요소를 만들기로 했는데 잘 안 되는 것 같아.후크 사용(useEffect)과 관련이 있는 것인지, 전혀 상관없는 것인지.암호는 다음과 같다. 재사용 가능한 구성요소: Posts.js import React, { useEffect } from "react"; import { useDispatch, useSelector } from "react-redux"; import { makeStyles } from "@material-ui/core/styles"; import CircularProgress from "@material-ui/core/CircularProgress"; import Er..

페이지 새로 고침 시 NextJS에서 Redex 상태를 올바르게 수산화하는 방법 앱 다시 로드/페이지 새로 고침 시 로컬 스토리지에서 사용자 데이터에 수분이 공급되는 문제가 발생함. 내 프로젝트에서 프런트엔드와 지원 라이브러리에 NextJS를 사용하고 있다.redux-toolkit애플리케이션 전체에서 환원 관리를 위해next-redux-wrapper포장된 페이지들에 대한 국가수화를 위해. 사용자가 로그인할 수 있으며, 이 경우 다음 항목을 저장한다.isLoggedIn로컬 저장소와 환원 상태의 부울.에 따라isLoggedIn부울 값 I 변경Navbar구성요소 스타일(더)Navbar에 직접 포함되다_app.tsx). 사용자가 페이지를 새로 고칠 때isLoggedIn부울은 상태로 로드되지 않고 로컬 저장소에 ..

Reducx 라우터 - "Dispatch가 정의되지 않음" 사용자가 페이지를 로드할 때 액션을 호출하는 간단한 구성요소를 가지고 있는데 그 액션 내부에서는 다른 액션을 파견하여 액션을 설정하려고 한다.loggedIn스토어의 참 또는 거짓 상태: import React, { Component } from 'react' import { Link, browserHistory } from 'react-router' import $ from 'jquery' class Login extends Component { constructor(props) { super(props) } componentDidMount() { this.props.actions.guestLoginRequest() } render() { ret..

나는 국가를 위한 일반적인 환원기를 만들었고, 언제 사용해야 하는지, 언제 사용하지 말아야 하는지. 나는 환원점을 가지고 있다.저장소의 데이터를 변경하려면, 일반적인 방법은 조치, 조치크리에이터, 감속기를 만든 다음 조치를 발송하는 것이다.중소형 앱의 경우 이런 변화를 반영하기 위해 이렇게 많은 곳에서 바꾸는 것은 과잉 살상으로 보인다.그래서 이렇게 생긴 일반적인 환원기를 만들었다. // here state is a copy of actual state, so I can mutate it directly const reducer = ( state, action) => { if(action.type == 'SETTER'){ try{ return assign(state, action.data.target, ..

내 Redex 앱에서 상태를 올바르게 반환하려면 어떻게 해야 하는가? 우리는 할 일이 좀 있다.초기주(州)는 일종의... initialState = [ { id: 0, title: "first", items: [ { title: "one from first", id: 0, cards: [ { id: 0, text: "111", }, { id: 1, text: "222", }, ], }, { title: "two from first", id: 1, cards: [ { id: 0, text: "www", }, { id: 1, text: "zzz", }, ], }, ], }, { id: 1, title: "second board", items: [ { title: "first from second", id: ..

농담을 사용한 Redex 폼 테스트 나는 이 파일과 비슷한 코드에 대해 redensx 양식 제출을 테스트하려고 한다. https://github.com/marmelab/admin-on-rest/blob/master/src/mui/auth/Login.js 내 코드는 이러하다. const middlewares = []; const mockStore = configureMockStore(middlewares); it("submit button", () => { userLogin = jest.fn(); const initialState = { admin: { notification: { text: "", type: "info" } }, }; store = mockStore(initialState); tn = l..

렌더에서 다시 호출 기능을 중지하는 방법 나는 반응하는 것이 처음이고, 나는 Redex로부터 데이터를 얻고, 먼저 Redex로부터 어떤 물체를 얻고, 그리고 나서 이것을 Redex로 함수에 전달하고, 값을 설정한다.numReg감량기에 다음에 의해 함수를 호출할 때this.props.fetchAccountDetail(data)동작에서 API에 요청을 보내고 API에서 데이터를 가져와 감량기 또는 저장소에 저장한다.렌더링 기능을 호출할 때this.getDataFromAccount(accountDetail.num)무한순환으로 흐른다. 데이터를 돌려받고 싶은데, 한 번만 실행해야 해. import React, { Component } from 'react' import { fetchAccountDetail, }..