在React Native和Redux中,我有一个<NavigationCardStack/>
作为根组件。每次状态更新时,redux-logger都会在下一个/新状态下正确更新。
在状态更改之后,当新更新的状态是控制台登录子组件时,它不会控制台记录更新的状态,而是控制台记录初始状态(在子组件childPage.js
中记录:render(){ console.log(this.props.state) return(...) ...
)。
可能是因为我错误地连接到Redux或丢失了什么东西?因为,一切看起来都很完美,也很有意义。
提前谢谢!
以下是我的代码的一些片段:
这是我的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}
...
/>
答案 0 :(得分:2)
可能this issue有关系吗?看起来类似,即使redux状态发生变化,NavigationCardStack
也不会更新,redux-logger
会记录更改。我无法从您的代码示例中看出,但是测试这个问题的一种方法可能是connect
孩子或一个孩子直接到您的redux商店,而不是让NavigationCardStack
将商店状态作为道具传递?上面的github问题也有一些讨厌的解决方法,但我对反应原生不熟悉,所以我在那里帮不了多。
答案 1 :(得分:1)
这基本上是在黑暗中刺伤并且完全基于我们在注释中的对话,但是_renderScene方法是否绑定到构造函数中的组件? E.g:
constructor (props) {
super(props)
...
this._renderScene = this._renderScene.bind(this);
}