React-Redux - 하위 구성 요소의 작업을 어떻게 처리합니까?

Question

나는 React with Redux을 사용하고 있으며이 문제가 있습니다.

EditorContainer.jsx을 : EditorContainer.jsx 내

<Provider store={store}> <Editor></Editor> </Provider>

파견 행동이 잘 작동

먼저 나는 store을 소개하고 렌더링 EditorContainer 구성 요소를 만드는거야.

하지만 내 Editor.jsx에서 일부 작업을 파견 할도 그래서 수행

Editor.jsx

class Editor extends React.Component { 
    componentWillMount() { 
    store.dispatch(doSomething()); 
    } 

    render() { 
    return (
     // code 
    ); 
    } 
} 

const mapStateToProps = state => ({ 
    somethingPayload: somethingPayload 
}); 

export default connect(mapStateToProps)(Editor); 

물론 내가 catch되지 않은 ReferenceError가납니다에게 : 가게입니다 정의되지 않았습니다.은 3 행에 있습니다.

connectstore & dispatch내 경우에는 구성 요소가 필요합니까?

Answer 1

dispatch 기능이 소품을 통과하므로 store.dispatch 대신 this.props.dispatch을 사용해야합니다.