調度不componentDidMount

Question

定義我看着異步Redux的例子在這裏：

https://github.com/reactjs/redux/blob/master/examples/async/src/containers/App.js

如果我添加以下內容：

function mapDispatchToProps(dispatch) { 
    return {}; 
} 

export default connect(mapStateToProps,mapDispatchToProps)(App) 

然後派遣componentDidMount不再定義。爲什麼是這樣？如何在使用mapDispatchToProps時訪問dispatch？

Answer 1

的connect功能會自動將dispatch您props如果你不指定一個mapDispatchToProps功能。有鑑於此：

export default connect(mapStateToProps)(App) 

它應該工作。 You can read more about the react-redux bindings in the docs。

Answer 2

如果我正確理解你，你想從componentDidMount中調用dispatch作爲this.props中的一個函數（我不建議，請檢查REDX是如何工作的並創建你需要的動作創建者）。即便如此，以達到你能做到這一點：

function mapDispatchToProps(dispatch) { 
    return { dispatch }; 
} 

，創建一個調度屬性，它是調度功能本身。 不過，不要在真正的用例上這樣做，並不斷閱讀有關redux action.creators。

Answer 3

繼給定的例子中，傳遞到mapDispatchToPropsconnect這樣

function mapDispatchToProps(dispatch) { 
    return { 
    onClick: nextReddit => { 
     dispatch(selectReddit(nextReddit)); 
    } 
    }; 
} 

export default connect(mapStateToProps, mapDispatchToProps)(App) 

元器件App然後將與被作爲下面使用的道具onClick授權。

handleChange = nextReddit => { 
    this.props.onClick(nextReddit) 
} 

render() { 
    ... 
    return (
    ... 
    <Picker value={selectedReddit} 
      onChange={this.handleChange} 
      options={[ 'reactjs', 'frontend' ]} /> 
    ... 
); 
}