两个组件的state如何实现数据同步

#1

组件A和组件B都在同一个父组件下。但是他们拥有不同的state,我希望点击任意触发任意一个组件都可以使两个组件state里面的一项数据(城市)同步显示,有啥办法么?React+redux新手,求大神赐教

#2

不用 redux 的话,就将 state 放在父组件,作为 props 传给 A, B

#3

如果用redux该如何实现呢?

#4

以我对 redux 的粗浅认知,应该是 connect 了 父组件 然后作为 props 传给父组件,然后再传给 A, B

#5

我是这样的, 将state存在store中, A和B分别connect到store取出这个state, 这样就达到同步的目的了.

#6

将变量直接存在redux的store中,两个组件使用同一变量即可

#7

在store中存储state

 const initState = {
    province: [ ] //初始化
}

在任何一个组件,只需要共享这个state就行了

render() {
    const { province } = this.props.state
}
#8

componentWillReceiveProps 我是要用的这个生命周期做的呢

#9

不了解componentWillReceiveProps的使用场景,只用过3个主要的生命周期。