阵营：更新的孩子与父母的状态变化

Question

我敢肯定，我失去了一些东西很明显这里，但似乎无法得到这个工作：

我有一个调用两个孩子父组件。

家长

<PropertyCard model={property} onMouseOver={this.handlePropertyCardHover.bind(this, property)} /> 
<Map markers={places} options={mapOptions} activeRef={this.state.hoveredCard} /> 

当我将鼠标悬停在一个PropertyCard一个函数被调用父之内更新状态hoveredCard。

家长

handlePropertyCardHover = (property) => { 
    this.state.hoveredCard = property.id; 
} 

这部分作品，我可以看到，当它被传递到第二个孩子的家长状态下尚未更新，Map没有被更新。

MAP

<h1>{this.props.activeRef}</h1> 

我缺少什么？

Answer 1

当你想改变你的状态时，你必须使用this.setState。

this.setState({hoveredCard : property.id}) 

代替

this.state.hoveredCard = property.id;