Question

我正在尝试创建同一组件的多个实例但不希望它再次安装，因为它的子进程中有fetch的方法。我知道getDOMNode在反应中很有用，但它还没有在react native中实现。我基本上问我是否可以使用refs并渲染一些组件完全相同，而无需获取其他组件的数据。我正在使用带标签栏的滑动视图。

<View>
    <ChildrenOfSomeComponent /> // Displayed int the first tab
    <SomeComponent /> // Not displayed in the first tab
</View>

Answer 1

我不确定我是否理解正确但是如果我看起来你可以简单地保持状态并有条件地显示该视图。例如：

getInitialState: function() {
  return {
    activeTab: 'ComponentOne'
  }
},

render: function() {
  if (this.state.activeTab == 'ComponentOne') {
    var view = '<ComponentOne>';
  } else {
    var view = '<ComponentTwo>';
  }

  return (
    <View>
      { view }
    </View>
  );
}

然后，只要您按照自己的意愿切换视图，就必须这样做：

this.setState({
  activeTab: 'YourActiveTab'
});

与本机中的getDOMNode类似

1 个答案: