반응형

react-redux 41

setState를 다른 구성 요소로 전달하는 방법

setState를 다른 구성 요소로 전달하는 방법 리액션 나는 리듀렉스 & 리액션으로 간단한 앱을 만들었어.Action.js 파일에서 State를 설정한 다음 구성 요소에서 사용하려고 하는 것뿐입니다. 문제는 내가 어떻게 해야 할지 모른다는 것이다.errors에 대해 논하다.catch setState그리고 나는 이미 레이아웃 컴포넌트에 이렇게 디피케이션을 했다. this.props.postUsers(this.state.username,this.state.password,this.state.errors) 이것이 setState를 다른 구성요소로 전달하는 올바른 방법인지 모르겠다. 참고: 나는 Reducx-promise-middleware를 사용하고 있는데, 그것은 _PENDING & _FULFULLED &..

Programing 2022.04.08

Reducx - 스프레드 연산자를 사용하여 깊이 중첩된 스토어 소품 업데이트

Reducx - 스프레드 연산자를 사용하여 깊이 중첩된 스토어 소품 업데이트 리액트+리플렉스를 사용하여 비교적 큰 웹 앱을 만들고 있는데, 내 가게를 상대하는 것이 정말 혼란스러워. 저장소에 중첩된 속성을 업데이트하는 데 문제가 발생하여 다음과 같은 작업을 수행해야 함을 나타내는 Redex 문서의 Imable Update Patterns 섹션을 찾았어. function updateVeryNestedField(state, action) { return { ....state, first : { ...state.first, second : { ...state.first.second, [action.someId] : { ...state.first.second[action.someId], fourth : acti..

Programing 2022.04.07

환원기 사가의 구성 요소에서 환원기 상태 변경 청취

환원기 사가의 구성 요소에서 환원기 상태 변경 청취 반응 어플리케이션에 Redex-saga를 사용하고 있다.나는 부품에 주문 목록과 디스플레이를 가져와야 한다.나는 같은 이유로 액션과 환원기, 그리고 이야기를 만들어냈다. 나는 사극에서 API를 치고 있다. 사가 import { call, put } from "redux-saga/effects"; import { path } from "ramda"; import OrdersActions from "../Redux/OrdersRedux"; export function* getOrders(api, action) { const { header } = action; console.log("order header", action); // make the call ..

Programing 2022.04.06

어떤 환원 미들웨어를 선택해야 할까?

어떤 환원 미들웨어를 선택해야 할까? 가이드에 따라, 나는 환원 적용을 위해 있는 미들웨어의 종류에 이르렀다. Redex Thunk, Redex Promise, Redex Promise 미들웨어, Redex 관찰 가능, Redex Saga, Redex Pack 그것은 단지 우리가 어떤 미들웨어를 선택하는가에 관한 선호의 문제일 뿐이다.그러나 나는 컨벤션 선택권을 요구하는 것이 아니다. 성능, 브라우저 지원, 활용 사례 등 서로 다른 점이 있는지 알고 싶다.아니면 내가 놓치고 있는 그 어떤 것이든지.나는 이것들을 위해 열심히 조사했지만 어떤 기사도 찾을 수 없었다. 그래서 나는 내 어플리케이션에 미들웨어를 고르는 것을 고려할 수 있다.미들웨어가 다른 특별한 사용 사례를 알고 있다면 미들웨어를 선택하는 것도..

Programing 2022.04.06

Reducx 스토어를 업데이트할 수 없음

Reducx 스토어를 업데이트할 수 없음 프로젝트 생성 버튼이 있어내가 하고 싶은 것은 버튼을 클릭하면 새로운 프로젝트가 만들어지고 제품에 문제가 없으면 다음 단계로 가는 것이다. 클릭 핸들러에 대한 디스패치가 작동하고 있어, 에러가 있을 경우 Redex가 Faild Reducer를 실행하는 것을 볼 수 있지만,projectData.successStatus핸들러 내부에서는 다음 값을 얻을 수 없다.successStatusI want it to befalse. 여전히 이전 프로젝트 리스트의 성공여부 입니다.그래서 더nextStep()상태가 좋지 않다. 뭐가 잘못됐는지 누가 좀 도와줄래? 핸들러 버튼: const handleNextButton = useCallback(() => { if (newProject..

Programing 2022.04.05

Redex로 반응할 때 Dygraph 사용?

Redex로 반응할 때 Dygraph 사용? 나는 리액션에서 Dygraph를 구현하는 데 많은 어려움을 겪고 있다. http://dygraphs.com/NPM의 Dygraph 포장지 패키지가 작동하지 않는 것 같다. 또한 나는 단순히 다음을 사용할 수 없다. . 나는 이것이 당신이 실제 index.html 파일이 아닌 상태에서 작업하는 것에 반응하기 때문이다. 그래서 내가 현재 사용하려는 방법은 그래프 구성요소를 만드는 것이다. import React, { Component } from 'react'; import Dygraph from 'dygraphs'; import myData from '../../mockdata/sample-data.json'; import 'dygraphs/dist/dygrap..

Programing 2022.04.04

리듀렉스 및 리액트라우터 동기화 유지

리듀렉스 및 리액트라우터 동기화 유지 리액션 (0.14) + 리듀렉스 (3.3) + 리액션 (4.4) + 리액션 로터 (2.0) 앱을 작업하고 있다.PostsLists블로그 게시물 목록인데Post블로그 포스트를 보여주고Blog다음 구성 요소를 감싸는 기능: ┌──────────────────────────────────────────────┐ │ │ │ ┌─────────────┐┌──────────────────────────┐ │ │ │ ││ │ │ │ │ Post 1 ││ ┌ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ┐ │ │ │ │ Post 2 ││ Post title │ │ │ │ Post 3 ││ └ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ┘ │ │ │ │ ││ │ │ │ │ ││ ┌ ─ ─ ─ ─ ─..

Programing 2022.04.04

공리의 오류에 대한 내 Redex 처리에서 다른 작업을 사용해야 하는가 아니면 추가 데이터를 첨부한 동일한 작업을 사용해야 하는가?

공리의 오류에 대한 내 Redex 처리에서 다른 작업을 사용해야 하는가 아니면 추가 데이터를 첨부한 동일한 작업을 사용해야 하는가? Redex가 있는 Axios와 Thunk 미들웨어를 사용하여 api로 전화해서 거래 목록을 받아보고 있어.API가 반환하는 모든 오류에는 오류 개체도 반환된다.해당 오류 개체가 형식임 { "error": { "id": "string", "name": "string", "detail": "string" } } 400을 받으면 일반적인 오류가 발생하지만 404는 트랜잭션을 찾을 수 없다는 것을 의미한다.내가 알고 싶은 것은 반응을 구문 분석하기 위해 논리가 어디에 살아야 하는가이다.작업 작성자의 응답을 구문 분석하여 다음과 같은 방법으로 별도의 작업을 전송해야 하는가? catc..

Programing 2022.04.02

Redex 및 라우터 - 서버 렌더링으로 응답

Redex 및 라우터 - 서버 렌더링으로 응답 비동기 호출로 서버 렌더링을 작동시키려 한다.문제는 렌더링 전에 데이터가 다운로드되지 않는다는 겁니다. 내 코드(github: https://github.com/tomekbuszewski/server-rendering)에서도 사용 가능) server.js require('babel-register'); import express from 'express'; import path from 'path'; import React from 'react'; import { renderToString } from 'react-dom/server'; import { Provider } from 'react-redux'; import { getState } from 're..

Programing 2022.04.02

대/소문자를 구분할 수 없는 값에 대한 대/소문자를 구분하지 않고 반환해서는 안 됨

대/소문자를 구분할 수 없는 값에 대한 대/소문자를 구분하지 않고 반환해서는 안 됨 나는 내 프로젝트를 하고 있다.@reduxjs/toolkit그리고 창조되었다.UserSlice아래와 같이 import { createSlice, PayloadAction } from "@reduxjs/toolkit"; import { User } from "../../models"; export type UserState = User | null; export const initialUserState: UserState = null; const UserSlice = createSlice({ name: "User", initialState: initialUserState, reducers: { receiveUser: (st..

Programing 2022.04.01
반응형