Question

为了进行优化并编写清晰的代码，我在自己的底部加了一个

反应本地项目'for android'，我有一个主页视图

我决定注入一个组件，而不是加载一个完整的新页面

在底部栏上的每次单击都可以正常工作，就是问题

我遇到的是，当我想将底部的条带到另一个文件

并将其导入我的主页时，我遇到了绑定数据的问题，

我希望在每次点击时显示

我尝试过这种方式，但似乎不起作用

bottom-bar.js

  constructor(props) {
    super(props);
    this.state = { selectedPage : <PendingCases />, active : 'all' }
    // I'm binding the clicked icon to the selectedPage state
    // and i want this state to be available when i import this
    // component in my main view
  }

我的bottom-bar.js返回一个我想绑定到的组件名称

主视图并在那里显示组件

main-view.js

constructor(props) {
    super(props);
    this.state = { renderCases : '' }
    // i want to bind the SelectedPage from bottom-bar.js to
    // renderCases so i could return it here and render a view
  }

render() {

    return (

        <View>

            <View style={ styles.pageBody }>

                <View>{ this.state.renderCases }</View>

            </View>

            <BottomBar selectedPage={ this.state.renderCases } />

        </View>

    )

}

我如何获得这样的结果？

反应本地从子组件获取数据

0 个答案: