我正在嘗試 redux-thunk 和動作創建者，并注意到一些我不理解的奇怪行為。當我調用動作創建器函數時，它們不會按照我希望的順序調用。這是我的 App.js 組件class App extends Component {  handleSave = () => {    this.props.postData({      name:this.props.activity,      type_name: this.props.type    })    this.props.fetchList()    this.props.fetchData()  }  handleClick = () => {    this.props.fetchData()  }  componentDidMount() {    this.props.fetchData()    this.props.fetchList()  }  render() {    return (      <div className="App">        <Router>          <Nav />          <Route exact path='/' render={props => <Home {...props} clickProp={this.handleClick} saveProp={this.handleSave}/>} />          <Route exact path='/activities' render={props => <ListContainer {...props} numItems={this.props.list.length} listProp={this.props.list}/>} />        </Router>      </div>    );  }}const mapStateToProps = state => {  return {    activity: state.activity,    type: state.type,    list: state.list  }}const actions = {fetchData, fetchList, postData}export default connect(mapStateToProps, actions)(App);當我單擊 Home 子組件中的按鈕時，將調用 handleSave 函數，然后該函數應該將一個項目發布到我的列表中，然后獲取更新的列表，以便它可以顯示在我的列表中。當我這樣做時， this.props.fetchList() 首先被調用，即使它是第二個被調用的函數。我在我的減速器中放置了一個 console.log(action) ，這就是打印的內容。{type: "FETCH_LIST", payload: Array(86)}{type: "POST_DATA", payload: {…}}{type: "FETCH_DATA", payload: {…}}我可以讓 FETCH_LIST 在 POST_DATA 之后發生的唯一方法是如果我像這樣第二次調用 fetch_data()  handleSave = () => {    // something weird going on here    this.props.fetchList()    this.props.postData({      name:this.props.activity,      type_name: this.props.type    })    this.props.fetchList()    this.props.fetchData()  }如果可能的話，我真的希望能夠讓我的代碼正常工作，而不必兩次調用同一個函數。最后，這就是我的動作創建者的樣子。export default function fetchData() {  return (dispatch) => {    const url = 'http://www.boredapi.com/api/activity/'    fetch(url)      .then(res => res.json())      .then(activity => { dispatch({type: "FETCH_DATA", payload: activity})})  }}我唯一的猜測是，發生這種情況是因為這些操作是異步的。所以我也嘗試改變這些函數的調用順序，無論什么 FETCH_LIST 總是發生在 POST_DATA 之前。