React-Native父节点更改子值

时间:2017-04-01 23:30:54

标签: javascript react-native

我正在寻找所有网络,但我没有找到任何解决方案,也许是因为我对React-Native宇宙更新。

好吧,我的问题是关于儿童的节点父改变值。

我的情况是,我有一个数据控制器,这个数据控制器监听事件中的数据,当事件发生时,它需要更新像Slider这样的组件。

渲染需要。

<DataListener url={this.state.service_url}>
    <Slider style={this.styles.slider_component}/>
</DataListener>

我需要了解周期才能获得Slider的默认Class DataListener。是构造函数中的道具吗?如何在DataListener内获取滑块并将此值更改为this.default_slider.value = 0.4

谢谢你的进步 Victor C Tavernari

1 个答案:

答案 0 :(得分:0)

您应该将该值作为道具传递,然后您的滑块组件可以适当地处理它。当然DataListener必须首先得到值,并且你已经详细说明了它假设它处于状态(当你更新状态时(通过this.setState(newState)),它将导致重新呈现DataListener,这将是反过来用新属性重新渲染Slider:

<DataListener url={this.state.service_url}>
  <Slider style={this.styles.slider_component} value={this.state.value}/>
</DataListener>

您引用的数据控制器事件将类似于

onEvent(e) {
  this.setState({value: e.value});
}