«redux» 태그된 질문

두 번째 매개 변수로 GET 요청을 보내려고하는데 URL로 작동하는 동안 작동하지 않습니다. 이것은 작동합니다. $ _GET [ 'naam']은 test를 반환합니다. export function saveScore(naam, score) { return function (dispatch) { axios.get('http://****.nl/****/gebruikerOpslaan.php?naam=test') .then((response) => { dispatch({type: "SAVE_SCORE_SUCCESS", payload: response.data}) }) .catch((err) => { dispatch({type: "SAVE_SCORE_FAILURE", payload: err}) }) } }; 그러나 이것을 …

121 reactjs  react-native  redux  axios 

여러 언어와 로케일로 사용할 수 있어야하는 앱을 만들고 있습니다. 제 질문은 순전히 기술적 인 것이 아니라 아키텍처와 사람들이 실제로이 문제를 해결하기 위해 프로덕션에서 사용하는 패턴에 관한 것입니다. 이에 대한 "요리 책"을 찾을 수 없어서 제가 좋아하는 Q / A 웹 사이트로 이동합니다. :) 내 요구 사항은 다음과 같습니다 (실제로 "표준"임). …

119 architecture  internationalization  reactjs  translation  redux 

React 앱을 실행하려고 할 때 다음 오류가 발생합니다. ./src/components/App/App.js Attempted import error : 'combineReducers'is not export from '../../store/reducers/'. 내보내는 방법은 다음과 같습니다 combineReducers. import { combineReducers } from 'redux'; import userReducers from './userReducers'; import articleReducers from './articleReducers'; export default combineReducers({ userReducers, articleReducers }); 가져 오는 방법은 App.js다음 과 같습니다. import …

117 reactjs  redux 

입력을 변경해서는 안되며 개체를 복제하여 변경해야한다는 것을 알고 있습니다. 나는 redux 스타터 프로젝트에서 사용되는 규칙을 따르고 있었다. ADD_ITEM: (state, action) => ({ ...state, items: [...state.items, action.payload.value], lastUpdated: action.payload.date }) 항목을 추가하기 위해-스프레드를 사용하여 배열에 항목을 추가합니다. 내가 사용한 삭제 : DELETE_ITEM: (state, action) => ({ ...state, items: [...state.items.splice(0, action.payload), ...state.items.splice(1)], …

116 javascript  reactjs  redux 

저는 Redux가 Flux의 더 나은 "구현"이라는 것을 알고 있습니다. 또는이를 단순화하기위한 재 설계 (애플리케이션 상태 관리)라고 말하는 것이 좋습니다. 반응 형 프로그래밍 (RxJS)에 대해 많이 들었지만 아직 배우지 않았습니다. 그래서 제 질문은이 두 기술 사이에 어떤 공통점이 있습니까? 아니면 상호 보완 적입니까? ... 아니면 완전히 다른가요?

113 javascript  rxjs  redux 

this.setState()redux를 사용할 때 사용해야합니까 ? 아니면 항상 액션을 전달하고 소품에 의존해야합니까?

111 reactjs  flux  redux 

닫힘 . 이 질문은 더 집중되어야 합니다. 현재 답변을 받고 있지 않습니다. 이 질문을 개선하고 싶으십니까? 이 게시물 을 편집 하여 한 가지 문제에만 집중하도록 질문을 업데이트하십시오 . 휴일 삼년 전에 . 이 질문 개선 저는 React / Redux를 처음 사용합니다. API를 처리하기 위해 Redux 앱에서 fetch api 미들웨어를 사용합니다. …

107 javascript  reactjs  redux 

연결하는 간단한 React 구성 요소가 있습니다 (간단한 배열 / 상태 매핑). 스토어 컨텍스트를 참조하지 않으려면 props에서 직접 "dispatch"하는 방법을 원합니다. 나는이 접근 방식을 사용하는 다른 사람들을 보았지만 어떤 이유로 이것에 액세스 할 수 없습니다 :) 현재 사용중인 각 npm 종속성의 버전은 다음과 같습니다. "react": "0.14.3", "react-redux": "^4.0.0", "react-router": "1.0.1", "redux": …

107 javascript  reactjs  redux 

상태를 다시 렌더링하면 UI 문제가 발생하고 페이지에서 다시 렌더링되는 양을 줄이기 위해 내 감속기 내부의 특정 값만 업데이트하도록 제안 된 문제가 있습니다. 이것은 내 상태의 예입니다 { name: "some name", subtitle: "some subtitle", contents: [ {title: "some title", text: "some text"}, {title: "some other title", text: "some other text"} ] …

106 javascript  reactjs  redux 

저는 React Router를 처음 접했고 페이지를 리디렉션하는 방법이 너무 많다는 것을 알게되었습니다. 사용 browserHistory.push("/path") import { browserHistory } from 'react-router'; //do something... browserHistory.push("/path"); 사용 this.context.router.push("/path") class Foo extends React.Component { constructor(props, context) { super(props, context); //do something... } redirect() { this.context.router.push("/path") } } Foo.contextTypes = { router: React.PropTypes.object } React …

106 reactjs  redux  react-router 

클라이언트 용 감속기가 하나 있고 AppToolbar 용 감속기가 하나 있고 다른 감속기가 있습니다. 이제 클라이언트를 삭제하기위한 가져 오기 작업을 생성했다고 가정 해 보겠습니다. 실패하면 Clients reducer에 몇 가지 작업을 수행해야하는 코드가 있지만 AppToolbar에 일부 전역 오류를 표시하고 싶습니다. 그러나 Clients와 AppToolbar 감속기는 상태의 동일한 부분을 공유하지 않으며 감속기에서 새 작업을 …

105 javascript  reactjs  redux 

나는 이것이 기본적인 질문이라는 것을 알고 있지만 다른 곳에서 답을 찾지 못했습니다. 에서 store.dispatch동기 또는 비동기 Redux입니까? 비동기 인 경우 작업이 전파 된 후 콜백을 추가 할 가능성이 React있습니까?

101 javascript  reactjs  redux  single-page-application 

내가 만든 구성 요소가 있습니다. class Create extends Component { constructor(props) { super(props); } render() { var playlistDOM = this.renderPlaylists(this.props.playlists); return ( <div> {playlistDOM} </div> ) } activatePlaylist(playlistId) { debugger; } renderPlaylists(playlists) { return playlists.map(playlist => { return <div key={playlist.playlist_id} onClick={this.activatePlaylist(playlist.playlist_id)}>{playlist.playlist_name}</div> }); } } function mapStateToProps(state) { return { playlists: …

101 javascript  reactjs  redux 

배열이 아닌 객체로 작동하는 Redux 프로젝트에 대한 깊은 복사 맵 방법을 만들려고합니다. Redux에서 각 상태는 이전 상태에서 아무것도 변경해서는 안된다고 읽었습니다. export const mapCopy = (object, callback) => { return Object.keys(object).reduce(function (output, key) { output[key] = callback.call(this, {...object[key]}); return output; }, {}); } 효과가있다: return mapCopy(state, e => { if …

99 javascript  ecmascript-6  redux  spread-syntax 

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

97 redux  react-redux