2016-05-08 223 views
0

我敢肯定,我失去了一些东西很明显这里,但似乎无法得到这个工作:阵营:更新的孩子与父母的状态变化

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

家长

<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> 

我缺少什么?

回答

1

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

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

代替

this.state.hoveredCard = property.id; 
+0

哇 - 这是令人尴尬的。想想我需要从屏幕上休息一下:) – Paul

相关问题