Question

如果我使用RNRF具有以下结构：

<Scene tabs={true} tabBarComponent={()=><ScrollableTabBar items={["Approval", "My Request", " DO Customer", "My Confirm", "View Request"]}/>} tabBarPosition='top' lazy={true}>
       <Scene key="Home" hideNavBar component={Home} title={"Home"} name='Home'/>
</Scene>

如何从我的name中访问子场景的ScrollableTabBar道具，这只是传递给父场景的组件？

我认为父<Scene>的孩子会被传递给组件<ScrollableTabBar>，但当我从this.props.children尝试ScrollableTabBar时，它会返回undefined。

提前感谢任何指针！：）

Answer 1

我的声誉低于50，因此我无法发表评论。

您需要name支柱为Scene的任何原因已经提供了key和title，这应该足够了

Answer 2

任何传递给组件的值的属性都充当道具。因此，如果您想要使用项目传递名称，则可以向ScrollableTabBar添加一个属性，如：

<ScrollableTabBar items={["Approval", "My Request", " DO Customer", "My Confirm", "View Request"]} name={passValueofName}/>

您可以访问 this.props.name 之类的名称，就像访问this.props.items内的ScrollableTabBar一样

如何访问儿童道具

2 个答案: