반응형

react-redux 41

반응 저감을 통한 지리 위치

반응 저감을 통한 지리 위치 나는 환원법과 반응 라이프사이클 방법에 대해 더 잘 이해하려고 노력하고 있다. 컴포넌트 did mount에 Redex 기능을 호출하는 프로펠러 기능이 있다.Reducx에서 나는 위치를 얻기 위해 전화하고 초기 상태를 설정하고 통화할 때 업데이트한다.나는 그 자리를 얻을 수 있지만, 내가 무엇을 시도했든 간에, 나의 조정(초기 상태)은 여전히 정의되지 않은 상태로 나온다.컴포넌트DidMount 함수에 .didMount 함수를 로컬로 설정해 봤더니 효과가 있었다.하지만 나는 이 기능을 환원제와 함께 사용하여 그것을 더 잘 이해하려고 한다.초기 상태가 있는 한 업데이트하는 데 문제가 없어야 한다는 것이 나의 이해다.하지만 나는 내 문제가 내 행동.payload와 어딘가에 있을 수 ..

Programing 2022.04.01

웹 소켓을 통해 동일한 메시지를 여러 번 수신.이전 메시지는 3, 4개의 새 채팅 메시지 이후에 교체됨

웹 소켓을 통해 동일한 메시지를 여러 번 수신.이전 메시지는 3, 4개의 새 채팅 메시지 이후에 교체됨 나는 웹 소켓을 React with Django 백엔드에 통합하고 있다. 나는 메시지를 보낼 수 있고, 백엔드에서 새로운 메시지를 받을 수 있다. 문제는 3, 4개의 메시지를 보낸 후 이전 메시지가 프런트엔드의 새 메시지로 대체되고 있지만, 백엔드에서는 모두 괜찮고, 사실 내가 새로 고친 후에는 모든 것이 정상적으로 작동한다는 것이다. 이러한 상황에 맞게 상태를 업데이트하는 방법 편집: 내가 지금 발견한 가장 큰 문제는 채팅창을 보내면 국가가 여러 번 업데이트되고, 그 길이가 매번 바뀌고 화면이 많이 펄럭이는 것이다. 얇게 썰다 name: 'chat', initialState: { chatMessage..

Programing 2022.03.31

검색되지 않은 TypeError: 정의되지 않은 속성을 읽을 수 없음('_H' 읽기)

검색되지 않은 TypeError: 정의되지 않은 속성을 읽을 수 없음('_H' 읽기) 나는 Preact + Vite + Typecript + Redex를 사용하여 간단한 Todo 앱을 만들려고 한다.하지만 나는 환원기와 형식에 대한 호환성 문제에 직면해 있다. 이게 내가 받고 있는 오류야. Uncaught TypeError: Cannot read properties of undefined (reading '__H') at m (react-redux.064eb876.js:3) at d (react-redux.064eb876.js:3) at d.Provider [as constructor] (react-redux.064eb876.js:1165) at d.L [as render] (index.js:506) a..

Programing 2022.03.28

프로세스 가져오기 데이터 - RTK 쿼리/Redx 도구 키트/반응

프로세스 가져오기 데이터 - RTK 쿼리/Redx 도구 키트/반응 언급된 모든 기술을 처음 접하며 이 시나리오에서 어떻게 작동해야 하는지 이해하고자 한다.API에서 CSV 파일을 가져오려고 하는데 검색되면 json과 같은 개체로 변환하여 내 구성 요소 중 하나에서 사용할 수 있도록 처리하고 싶다.예를 들어, 나는 이 데이터를 표로 보고 이 데이터에 대한 작업을 수행하여 해당 데이터에 대한 상태 변경을 유발하고 싶다. 문서에는 다음이 있다.transformResponse애플리케이션에 필요한 데이터를 정규화하는 데 사용할 수 있는 각 엔드포인트의 필드: const api = createApi({ baseQuery: fetchBaseQuery({ baseUrl: '/', }), tagTypes: ['Post'..

Programing 2022.03.27

bombineReducers와 jest를 테스트하는 방법

bombineReducers와 jest를 테스트하는 방법 combinedEmprocessors를 테스트하려고 하는데 오류가 발생했어. TypeError: _testReducer.testReducer.test11은 함수가 아님 다음은 환원기 // testReducer.js import { combineReducers } from "redux-immutable"; const test11 = (state, action) => { switch (action.type) { case "temp11": return true; default: return state; } }; const test22 = (state, action) => { switch (action.type) { case "temp22": return..

Programing 2022.03.27

생산 시 설계 양식 검증 문제 직면

생산 시 설계 양식 검증 문제 직면 기본적으로, 나는 최근 내 생산 환경에서 예상대로 작동하던 디자인 양식 문제에 직면해 있다.유효성 검사는 실행할 때만 작동함NPM start내 지역 지령을 내리다만약 사용한다면NPM Build: serve내 지역에서도 같은 문제에 직면하고 있어 유효성 검사 작업을 수행할 때 콘솔에 이 오류 표시 검색되지 않은 TypeError: createBaseForm.js:369에서 정의되지 않은 속성 'push'를 읽을 수 없음 나는 이 문제에 직면한 후 mn NPM 및 노드 버전과 함께 모든 NPM 패키지를 업데이트하려고 노력했다. {getFieldDecorator('userName', { rules: [{ required: true, message: 'Please input ..

Programing 2022.03.27

리액트-미들웨어 약속 처리

리액트-미들웨어 약속 처리 나는 사용하는 리액트 응용 프로그램을 만들고 있다.redux-axios-middlewareXHR 요청을 한다.설정 방법은 클라이언트에서index.js다음과 같다: const client = axios.create({ //all axios can be used, shown in axios documentation baseURL:'https://api.vktest.xxx/api', responseType: 'json', validateStatus: function (status) { return status >= 200 && status < 300 } }); const axiosMiddle = axiosMiddleware(client) export const store = crea..

Programing 2022.03.27

리액트렉스를 사용하여 어레이의 각 요소를 개별적으로 연결하는 방법

리액트렉스를 사용하여 어레이의 각 요소를 개별적으로 연결하는 방법 현재 접근방식은 전체 도서목록을 도서목록 구성요소에 연결하는 것이다.그러나 주의 여러 필드만 변경하여 거대한 구성요소를 렌더링하는 것은 효율적이지 않다.나는 각각의 책 구성 요소를 각각의 책 상태에 연결하는 방법을 모른다. 그 프로젝트는 환원제를 사용하고 있다.이와 같은 애플리케이션 글로벌 상태 { "books": [ { "field1": "field1", "field2": "field2", "field3": "field3", } ... ] } Book List 구성 요소에서 reacturantx를 사용하여 목록과 연결 export default connect(state => ({ books: state.books }))(BookListC..

Programing 2022.03.25

전화기를 사용할 때 svg를 숨기고 다른 svg를 표시하는 방법

전화기를 사용할 때 svg를 숨기고 다른 svg를 표시하는 방법 리액션 스트랩이 있는 웹 앱을 개발하고 있어.나는 배경용으로 2개의 SVG를 사용하고 있는데 하나는 pc에서 접속할 때, 다른 하나는 티에르 폰에서 접속할 때만 표시되도록 하고 싶다.그래서 기본적으로 나는 사용자가 전화기로 웹사이트에 접속할 때 첫 번째 SVG가 숨겨져 있기를 원한다.간단하고 우아한 해결책은 부트스트랩 클래스를 적용하는 것이다.hidden-xs그리고visible-xspc에 표시되는 svg의 상위 html 요소와 모바일에서 각각 표시되는 svg. 작동 방식: 에 있는 모든 클래스-xs접미사는 뷰포트가 480˚ 미만일 때만 그 효과를 적용하기 때문이다. 그래서 의 경우hidden-xs이 클래스가 적용되는 요소는 뷰포트 해상도가 ..

Programing 2022.03.25

복합 SaaS에 대한 반응 + 환원

복합 SaaS에 대한 반응 + 환원 "이제 막 우리가 개발하고 있는 복잡한 SaaS를 위한 리액션 + 리듀렉스 프런트엔드로 시작하고 있다. "한 가지 확신할 수 없는 것은 대형 어플리케이션에 대해 매장(Redex에서)이 어떻게 작동해야 하는지에 대한 것이다.우리가 개발하고 있는 시스템은 많은 테이블과 매우 복잡한 데이터 구조를 가지고 있다.만약 내가 모든 환원기를 응용 프로그램의 모든 부분에서 데이터를 넣는다면, 그것은 너무 많을 것이다. 응용 프로그램의 특정 부분에 대해 일부 환원기를 활성화/비활성화할 수 있는가?아니면 다른 환원기로 구성된 다른 매장이 있어야 할까?온라인에서 본 예시는 대부분 꽤 간단해서, 매장에 항상 모든 데이터가 있는 것도 괜찮았다. 또 다른 질문:로딩하려는 페이지에 필요한 요청을..

Programing 2022.03.24
반응형