【问题标题】:Redux state is not updating into the react componentRedux 状态未更新到反应组件中
【发布时间】:2019-03-23 03:21:43
【问题描述】:

redux 状态如何更新到 react 组件中?

我尝试使用初始状态而不是改变对象并返回它

Redux 

const initialState = {
  filteredProviderData:[],
  filteredAlsoSpeaksData:[],
  filteredOfficeHours:[]

};

function reducer(state = initialState, action = {}) {
  switch (action.type) {
  case HANDLE_FILTER_CHANGE:
      let filteredProviderData = '';
      let filteredAlsoSpeaksData='';
      let filteredOfficeHours = ''
  return {...state, filteredProviderData,filteredAlsoSpeaksData,filteredOfficeHours};
  case RESET_FILTER_COLLECTION:
  // RESET the Array as shown into the HANDLE_FILTER_CHANGE
  }}
  
React component
const mapStateToProps = state => {
  return {
  filteredProviderData:state.providerList && state.providerList.filteredProviderData,
    filteredAlsoSpeaksData:state.providerList && state.providerList.filteredAlsoSpeaksData,
    filteredOfficeHours:state.providerList && state.providerList.filteredOfficeHours
  }}

我的问题是如何更新 HANDLE_FILTER_CHANGE 中的数组

RESET_FILTER_COLLECTION 我需要根据某些条件更新数组并返回更新后的数组

这里基于条件只更新一个数组并返回只有两个保持不变。

【问题讨论】:

  • 你用什么过滤数组?数组中有什么?什么现在不起作用?

标签: reactjs react-redux


【解决方案1】:

更新 redux 存储后,您需要更改本地状态。 this.setState({loading:true}) 某种方法会起作用,它也适用于我。

【讨论】:

    猜你喜欢
    • 2020-04-11
    • 1970-01-01
    • 1970-01-01
    • 2021-12-02
    • 1970-01-01
    • 2016-10-28
    • 2021-11-16
    • 2021-08-21
    • 1970-01-01
    相关资源
    最近更新 更多