React native 在React Native中使用状态和道具

React native 在React Native中使用状态和道具,react-native,React Native,我可以在App.js中使用子组件状态吗?我的意思是,在子组件中,我有一个变量,例如I=5,我想在App.js中使用它。在App.js中,this.state.i显示0 这是react中的一个非常基本的模式,因此您可以通读官方文档,或者学习一些react入门教程 但是为了帮助您解决这个问题,您需要向您的孩子传递一个函数,该函数在 比如说: 应用程序: this.state{i:0} 房地产(){ this.setState(i:i+1);//或者其他什么 } render(){ 返回( ....

我可以在App.js中使用子组件状态吗?我的意思是,在子组件中,我有一个变量,例如I=5,我想在App.js中使用它。在App.js中,this.state.i显示0

这是react中的一个非常基本的模式,因此您可以通读官方文档,或者学习一些react入门教程

但是为了帮助您解决这个问题,您需要向您的孩子传递一个函数,该函数在

比如说:

应用程序:


this.state{i:0}
房地产(){
this.setState(i:i+1);//或者其他什么
}
render(){
返回(
....
儿童:

<div onClick={props.updateState}>Click me</div>
点击我
在app.js上执行此操作

constructor(props) {
this.updateI=this.updateI.bind(this)
    super(props)
    this.state = {
       i:0
    }
}

        updateI(i){
         this.setState({i})
    }

    render() {
            return (
                <View >
                        <Child updateI={this.updateI}/>
                </View>
            )
        }

Reactjs和React native是两个不同的东西。嗨!我目前正在使用React native。对此很抱歉。@MuratKaragöz但它们处理状态并支持sameHi!感谢您的响应,在子组件中,我不希望onClick。我在子组件中设置了一个变量的值,我想从其父组件中读取该值在App.js中,但不涉及onClick。这段代码被认为是伪代码,可以帮助您指引正确的方向-如果您使用click或not并不重要,因为您可以随时调用props.updateState()函数在您的child中没有冒犯,但我不想将值传递给child,然后在parent中修改它的值。我在child组件中有一个变量,我想在parent组件中使用它。我猜您的代码不喜欢这样。无论如何,谢谢您!感谢道具。updateState()非常有用!
constructor(props) {
this.updateI=this.updateI.bind(this)
    super(props)
    this.state = {
       i:0
    }
}

        updateI(i){
         this.setState({i})
    }

    render() {
            return (
                <View >
                        <Child updateI={this.updateI}/>
                </View>
            )
        }
this.props.updateI(5);