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); 

そしてもちろん、私は捕捉されないにReferenceErrorを取得しています：ストアがあります定義されていません行番号3にあります。

connectstore & dispatch私の場合はコンポーネントですか？

Answer 1

store.dispatchの代わりにthis.props.dispatchを使用する必要があります。これは、dispatch関数が小道具を通過するためです。