React Native 和 Redux：为什么子组件不会在每次状态更新时重新渲染？

Question

在 React Native 和 Redux 中，我有一个 <NavigationCardStack/> 作为根组件。并且每次更新状态时，redux-logger 都会正确更新下一个/新状态。

并且在状态改变之后，当新更新的状态是控制台登录子组件时，它不会控制台记录更新的状态，而是控制台记录初始状态（在子组件中childPage.js 和日志记录：@987654324 @)。

可能是我错误地连接到 Redux 或遗漏了什么？因为，一切似乎都运行良好且有意义。

提前谢谢你！

这是我的代码的一些 sn-ps：

这是我的 reducer，即使添加和更新了其他属性，子组件也会在此处记录 initialState：

const initialState = {
  meetUp: false,
}

function itemReducer(state = initialState, action) {
  switch(action.type) {


    case ITEM_QUANTITY:
      return {
        ...state,
        quantity: action.quantity
      }

    case ITEM_PRICE:
      return {
        ...state,
        price: action.price
      }

    case ITEM_MEET_UP:
      return {
        ...state,
        meetUp: action.meetUp
      }

     default:
       return state
  }
}

export default itemReducer

并像这样连接到根组件：

function mapStateToProps(state) {
  return {
    itemInfo: state.itemReducer,
    ...
  }
}

export default connect(
  mapStateToProps,
  {
    itemQuantity: (value) => itemQuantity(value),
    itemPrice: (value) => itemPrice(value),
    itemMeetUp: (value) => itemMeetUp(value),
  }
)(NavigationRoot)

通过以下操作：

export function itemMeetUp(value) {
  return {
    type: ITEM_MEET_UP,
    meetUp: value
  }
}

export function itemQuantity(value) {
  return {
    type: ITEM_QUANTITY,
    quantity: value
  }
}

export function itemPrice(value) {
  return {
    type: ITEM_PRICE,
    price: value
  }
}

state={this.props} 表示状态以及它应该如何传递给子组件

  _renderScene (props) {
    const { route } = props.scene

    return (
      <route.component _handleNavigate={this._handleNavigate.bind(this)} state={this.props}/>
    )
  }

    <NavigationCardStack
      renderScene={this._renderScene}
      ...
    />

Answer 1

this issue 可能有关联吗？看起来很相似，NavigationCardStack 不会更新，即使 redux 状态发生变化，redux-logger 也会记录变化。我无法从您的代码示例中看出，但一种测试方法可能是 connect 孩子或一个孩子直接到您的 redux 商店，而不是让 NavigationCardStack 将商店状态作为道具传递？上面那个 github issue 也有一些 hacky 的解决方法，但是我对 react-native 不是很熟悉，所以在那里我帮不上什么忙。

Answer 2

这基本上是在黑暗中刺探，完全基于我们在 cmets 中的对话，但是 _renderScene 方法是否绑定到构造函数中的组件？例如：

constructor (props) {
  super(props)
  ...
  this._renderScene = this._renderScene.bind(this);
}