react-native – 在React Native中将状态从子组件传递到父组件

发布时间：2020-12-15 05:06:15 所属栏目：百科来源：网络整理

导读：我的应用程序有一个设置屏幕(子组件),您可以在其中更改有关您自己的信息,我试图在我的应用程序的配置文件屏幕(父组件)上进行渲染.因此,配置文件屏幕会显示您的信息,如果您想更改任何信息,请在设置中执行此操作.现在,我在设置屏幕中所做的任何更改都会显示在F

我的应用程序有一个设置屏幕(子组件),您可以在其中更改有关您自己的信息,我试图在我的应用程序的配置文件屏幕(父组件)上进行渲染.因此,配置文件屏幕会显示您的信息,如果您想更改任何信息,请在设置中执行此操作.现在,我在设置屏幕中所做的任何更改都会显示在Firebase中,但如果我返回到配置文件屏幕,则设置中的更改不会呈现.当然,如果我关闭应用程序并重新加载它,那么更改将会在那里,因为设置中的更改正在注册到firebase;但是,状态不会从子组件传递给父组件.有没有人对如何将状态从设置(子)组件传递到配置文件(父)组件有任何建议？

您可以尝试使用redux,每当您在redux store中更改数据时,它都会通过props存储数据状态.

其他想法是,将setState方法传递给子组件.

亲

class Parent extends Component {
    updateState (data) {
        this.setState(data);
    }
    render() {
        <View>
            <Child updateParentState={this.updateState.bind(this)} />
        </View>
    }
}

儿童

class Child extends Component {
    updateParentState(data) {
        this.props.updateParentState(data);
    }

    render() {
        <View>
            <Button title="Change" onPress={() => {this.updateParentState({name: 'test'})}} />
        </View>
    }
}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!