鍍金池/ 問答/HTML/ react組件中通過action更新了store中的數(shù)據(jù),另一個組件中數(shù)據(jù)視圖如

react組件中通過action更新了store中的數(shù)據(jù),另一個組件中數(shù)據(jù)視圖如何更新

  1. 頁面上左邊是一個輸入框,右邊是一個列表
  2. 左邊輸入一些東西,在右邊列表展示
  3. 為什么為左邊輸入后,redux中store數(shù)據(jù)已經(jīng)更新了,但是數(shù)據(jù)沒有更新到右邊的組件上:右邊組件中沒有立刻更新我修改出來的數(shù)據(jù),該如何解決
// 定義函數(shù) 將 redux中的store中存儲的值通過props放入組件中。
function mapStateToProps(state) {
  // 可以根據(jù) state 中的數(shù)據(jù),動態(tài)地輸出組件需要的(最?。傩?例如這里:我們只需要拿到store中的notes即可。
  return {_list: state.notes}
}
// 映射redux action到組件中
const mapDispatchToProps = (dispatch) => {
  return {
    _deleteNote: bindActionCreators(deleteNote, dispatch)
  }
}
export default connect(mapStateToProps, mapDispatchToProps)(List);
回答
編輯回答
真難過

你可以將你的store數(shù)據(jù)采用Immutable的形式,簡單的對象,可能React感知不到它的變化

2018年9月2日 22:28
編輯回答
巫婆

要把左邊的數(shù)據(jù) state,通過connect方式,傳到右邊的組件中。

2017年4月9日 22:51