«react-redux» 태그된 질문

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

891 javascript  redux  react-redux  timeout 

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

358 reactjs  redux  react-redux 

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

240 javascript  modal-dialog  redux  react-redux 

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

220 javascript  reactjs  redux  react-redux 

axios POST요청이 컨트롤러의 URL에 충돌하지만 null 값을 POJO 클래스로 설정하고 크롬에서 개발자 도구를 사용할 때 페이로드에 데이터가 포함됩니다. 내가 뭘 잘못하고 있죠? Axios POST 요청 : var body = { userName: 'Fred', userEmail: 'Flintstone@gmail.com' } axios({ method: 'post', url: '/addUser', data: body }) .then(function (response) { console.log(response); }) .catch(function (error) …

204 reactjs  react-redux  axios  ajaxform  axios-cookiejar-support 

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

192 reactjs  redux  react-redux 

폐쇄되었습니다 . 이 질문은 의견 기반 입니다. 현재 답변을받지 않습니다. 이 질문을 개선하고 싶습니까? 이 게시물 을 편집 하여 사실과 인용으로 답변 할 수 있도록 질문을 업데이트하십시오 . 휴일 2 년 전 . 이 질문을 개선하십시오 React 16.3.0이 릴리스 되었으며 Context API는 더 이상 실험 기능이 아닙니다. Dan Abramov (Redux …

186 javascript  reactjs  redux  react-redux  react-context 

arr[]감속기의 redux 상태 배열 에 요소를 어떻게 추가 합니까? 나는 이것을하고있다. import {ADD_ITEM} from '../Actions/UserActions' const initialUserState = { arr:[] } export default function userState(state = initialUserState, action) { console.log(arr); switch (action.type) { case ADD_ITEM: return { ...state, arr: state.arr.push([action.newItem]) } default: return state } }

140 react-native  redux  react-redux 

저는 redux, react-redux 및 react로 작은 애플리케이션을 구축하는 javascript / redux / react 초보자입니다. 어떤 이유로 mapDispatchToProps 함수를 connect와 함께 사용할 때 (react-redux 바인딩) 결과 prop을 실행하려고 할 때 디스패치가 함수가 아님을 나타내는 TypeError를받습니다. 그러나 dispatch를 prop으로 호출하면 (제공된 코드의 setAddr 함수 참조) 작동합니다. redux 문서의 TODO 앱 예제에서 mapDispatchToProps …

124 javascript  reactjs  redux  react-redux 

saga 함수 내에서 redux 상태에 어떻게 액세스합니까? 짧은 답변: import { select } from 'redux-saga/effects'; ... let data = yield select(stateSelectorFunction);

122 javascript  reactjs  redux  react-redux  redux-saga 

React world의 초심자이기 때문에 사용할 때 어떤 일이 발생 {this.props.children}하고 같은 상황을 사용하는지 깊이 이해하고 싶습니다 . 아래 코드 스 니펫에서 그것의 관련성은 무엇입니까? render() { if (this.props.appLoaded) { return ( <div> <Header appName={this.props.appName} currentUser={this.props.currentUser} /> {this.props.children} </div> ); } }

118 javascript  reactjs  react-redux  frontend 

나는 그것을 본다 mapStateToPropsRedux mapDispatchToProps에서 connect함수에 전달되는 and 함수 ownProps가 두 번째 인수로 사용 있습니다 . [mapStateToProps(state, [ownProps]): stateProps] (Function): [mapDispatchToProps(dispatch, [ownProps]): dispatchProps] (Object or Function): 선택적 [ownprops]인수 는 무엇입니까 ? 나는 이미 하나가 있으므로 상황을 명확히하기 위해 추가 예제를 찾고 있습니다. Redux 문서에

97 redux  react-redux 

나는 아마도 매우 명백한 것을 놓치고 있고 스스로를 정리하고 싶습니다. 여기 내 이해가 있습니다. 순진한 반응 구성 요소에는 states& props. 로 업데이트 하면 전체 구성 요소 state가 setState다시 렌더링됩니다. props대부분 읽기 전용이며 업데이트하는 것은 의미가 없습니다. redux 저장소를 구독하는 반응 구성 요소에서, 같은 것을 통해 store.subscribe(render)저장소가 업데이트 될 때마다 분명히 …

94 reactjs  redux  react-redux 

나는 그것을 이해하기 위해 Redux의 할일 예제를 분리하고 있습니다. 나는 mapDispatchToProps디스패치 액션을 소품으로 매핑 할 수 있다는 것을 읽었 으므로 addTodo.jsdispatch (addTodo ())를 호출하는 대신 mapDispatchToProps를 사용하도록 다시 작성 하는 것을 생각했습니다 . 나는 그것을 불렀다 addingTodo(). 이 같은: import React from 'react'; import {connect} from 'react-redux'; import addTodo from …

93 javascript  reactjs  redux  react-redux 

bindActionCreators에 대한 Redux 문서는 다음과 같이 설명합니다. 에 대한 유일한 사용 사례 bindActionCreators는 Redux를 인식하지 않는 구성 요소에 일부 작업 생성자를 전달하고 디스패치 또는 Redux 저장소를 전달하지 않으려는 경우입니다. 예를 들면 무엇입니까? bindActionCreators사용 / 필요한 ? Redux를 인식하지 못하는 구성 요소 유형 합니까? 두 옵션의 장점 / 단점은 무엇입니까? //actionCreator …

93 reactjs  redux  react-redux