如何更改子(第三方)组件状态时更新父组件

时间:2017-10-10 19:38:33

标签: reactjs react-native

我正在使用第三方RN组件 我使用那个组件,如:

<Component  ref={comp => (this.comp = comp)} ...

该组件允许我通过以下方式访问数据:

this.comp.state.height

这个组件是我组件的一部分,我的问题是 当第三方组件状态发生变化时,我需要采取一些措施 当状态更新时,我的父组件无法检测到该更改 如何跟踪此更改(我无法更改第三方组件)?

1 个答案:

答案 0 :(得分:0)

that component's props中的一个是onMessage,它是函数类型。

假设这是您要跟踪的更改,您可以执行以下操作:

<Component
  ref={comp => (this.comp = comp)}
  onMessage={this.onMessage.bind(this)}
  ...

然后在您自定义组件的类中,您将从该类中呈现第三方类,包括此功能:

onMessage(data) {
  // data here is what was sent from window.WebViewBridge.send
}