«redux» 태그된 질문

휴무 . 이 질문은 의견 기반 입니다. 현재 답변을받지 않습니다. 작년에 문을 닫았 습니다 . 잠김 . 이 질문과 주제는 주제가 다르지만 역사적으로 중요하기 때문에이 질문과 답변은 잠겨 있습니다. 현재 새로운 답변이나 상호 작용을받지 않습니다. 본인은했습니다 이 대답을 , 상용구를 줄이는 몇 GitHub의 예를 쳐다 보면서 조금이라도 (할 일 애플 …

1126 javascript  reactjs  reactjs-flux  flux  redux 

내 응용 프로그램의 알림 상태를 업데이트하는 작업이 있습니다. 일반적으로이 알림은 오류 또는 일종의 정보입니다. 그런 다음 알림 상태를 초기 상태로 되돌릴 5 초 후에 다른 작업을 전달해야하므로 알림이 없습니다. 이것의 주된 이유는 5 초 후에 알림이 자동으로 사라지는 기능을 제공하기 위해서입니다. setTimeout다른 작업 을 사용 하고 반환 하는 것에 대해 …

891 javascript  redux  react-redux  timeout 

문서에 따르면 "미들웨어없이 Redux 저장소는 동기식 데이터 흐름 만 지원합니다 . " 나는 이것이 왜 그런지 이해하지 못한다. 컨테이너 구성 요소가 비동기 API를 호출 한 다음 dispatch동작을 호출 할 수없는 이유는 무엇 입니까? 예를 들어, 간단한 UI : 필드와 버튼을 상상해보십시오. 사용자가 버튼을 누르면 필드가 원격 서버의 데이터로 채워집니다. import …

686 javascript  asynchronous  reactjs  redux  redux-thunk 

redux-saga / redux-saga의 redux 타운에서 최신 아이에 대해 많은 이야기가 있습니다. 작업 듣기 / 배포를 위해 생성기 기능을 사용합니다. 머리를 감싸기 전에 async / await과 함께 redux-saga사용 redux-thunk하는 아래의 접근 방식 대신 사용의 장단점을 알고 싶습니다 . 구성 요소는 다음과 같을 수 있으며 평소와 같이 작업을 전달합니다. import { login …

488 javascript  reactjs  redux  redux-thunk  redux-saga 

상태 관리를 위해 Redux를 사용하고 있습니다. 상점을 초기 상태로 재설정하는 방법 예를 들어 두 개의 사용자 계정 ( u1및 u2) 이 있다고 가정 해 보겠습니다 . 다음과 같은 일련의 이벤트를 상상해보십시오. 사용자 u1가 앱에 로그인하여 무언가를 수행하므로 저장소에 일부 데이터를 캐시합니다. 사용자가 u1로그 아웃했습니다. 사용자 u2는 브라우저를 새로 고치지 않고 …

455 javascript  redux  store  redux-store 

Redux 라이브러리에 대한 설명서를 읽었으며 다음 예제가 있습니다. 상태를 읽는 것 외에도 컨테이너 구성 요소는 작업을 전달할 수 있습니다. 비슷한 방식으로, 메소드 mapDispatchToProps()를 수신 dispatch()하고 프리젠 테이션 컴포넌트에 삽입하려는 콜백 소품을 리턴 하는 함수를 정의 할 수 있습니다 . 이것은 실제로 의미가 없습니다. mapDispatchToProps이미 가지고있을 때 왜 필요한 mapStateToProps가요? 또한이 …

358 reactjs  redux  react-redux 

내가 다음을 가지고 있다고 가정 해보십시오. export const SOME_ACTION = 'SOME_ACTION'; export function someAction() { return { type: SOME_ACTION, } } 그리고 그 액션 크리에이터에서 글로벌 스토어 상태 (모든 리듀서)에 액세스하고 싶습니다. 이것을하는 것이 낫습니다 : import store from '../store'; export const SOME_ACTION = 'SOME_ACTION'; export function someAction() { return …

296 javascript  redux 

휴무 . 이 질문은 의견 기반 입니다. 현재 답변을받지 않습니다. 이 질문을 개선하고 싶습니까? 이 게시물 을 편집 하여 사실과 인용으로 답변 할 수 있도록 질문을 업데이트하십시오 . 작년에 문을 닫았 습니다 . 이 질문을 개선하십시오 최근에 Redux를 발견했습니다 . 모두 좋아 보인다. Fluux over Redx 사용시 단점, 단점 또는 …

243 reactjs  redux  flux  reactjs-flux 

상황에 따라 확인 대화 상자를 표시 해야하는 앱을 만들고 있습니다. 무언가를 제거하고 싶다고 말하면, deleteSomething(id)어떤 리듀서가 그 이벤트를 잡아서 그것을 보여주기 위해 대화 상자 리듀서를 채울 것 같은 액션을 전달할 것입니다. 이 대화가 제출되면 의심의 여지가 있습니다. 이 컴포넌트는 첫 번째로 전달 된 조치에 따라 올바른 조치를 어떻게 전달할 수 …

240 javascript  modal-dialog  redux  react-redux 

React로 Redux를 배우고 있으며이 코드를 우연히 발견했습니다. Redux 전용 인지 확실 하지 않지만 예제 중 하나에서 다음 코드 스 니펫을 보았습니다. @connect((state) => { return { key: state.a.b }; }) 의 기능 connect은 매우 간단하지만 @이전을 이해하지 못합니다 connect. 내가 틀리지 않으면 JavaScript 연산자조차 아닙니다. 누군가 이것이 무엇이며 왜 사용되는지 …

226 javascript  reactjs  decorator  redux 

참고로 : 나는 Redux (Baobab)에 대한 문서를 읽었으며 Googling & testing에 대해 상당한 부분을 공유했습니다. Redux 앱에 하나의 스토어 만있는 것이 왜 그렇게 강력하게 제안됩니까? 단일 상점 설정과 다중 상점 설정의 장단점을 이해합니다 ( 이 주제에 대해서는 SO에 대한 많은 Q & A가 있습니다 ). IMO,이 아키텍처 결정은 프로젝트 요구에 …

221 javascript  redux 

react-redux의 연결 방법과 매개 변수로 사용되는 기능을 이해하려고합니다. 특히 mapStateToProps(). 내가 이해하는 방식의 반환 값은 mapStateToProps상태 (상점에있는 상태)에서 파생 된 객체이며 키는 대상 구성 요소 (구성 요소 연결이 적용됨)에 소품으로 전달됩니다. 이는 대상 구성 요소가 소비 한 상태가 상점에 저장된 상태와 크게 다른 구조를 가질 수 있음을 의미합니다. Q : …

220 javascript  reactjs  redux  react-redux 

React를 배우는 데 시간을 보낸 후 구성 요소를 만드는 두 가지 주요 패러다임의 차이점을 이해합니다. 내 질문은 언제 어느 것을 사용해야 하는가? 다른 것의 장점 / 무역은 무엇입니까? ES6 수업 : import React, { Component } from 'react'; export class MyComponent extends Component { render() { return ( <div></div> ); …

211 javascript  reactjs  ecmascript-6  redux 

감속기 자체에서 작업을 전달할 수 있습니까? 진행률 표시 줄과 오디오 요소가 있습니다. 오디오 요소에서 시간이 업데이트 될 때 진행률 표시 줄을 업데이트하는 것이 목표입니다. 그러나 진행률 표시 줄을 업데이트하기 위해 ontimeupdate 이벤트 핸들러를 배치 할 위치 또는 ontimeupdate 콜백에서 작업을 디스패치하는 방법을 모르겠습니다. 내 코드는 다음과 같습니다. //reducer const initialState …

197 reactjs  redux  reducers 

@connect반응 구성 요소 내의 저장소에 액세스하려고 할 때 효과적입니다. 그러나 다른 코드로 어떻게 액세스해야합니까? 예를 들어, 내 앱에서 전 세계적으로 사용할 수있는 axios 인스턴스를 생성하기 위해 인증 토큰을 사용하려고한다고 가정 해 봅시다.이를 달성하는 가장 좋은 방법은 무엇입니까? 이것은 나의 api.js // tooling modules import axios from 'axios' // configuration const …

192 reactjs  redux  react-redux