reactnative函数组件父子传值
x
React Native函数组件之间传值
React Native函数组件之间传值使用props,props是从父组件传递给子组件的数据。在父组件中,我们会定义一个函数,向子组件传递数据。子组件就可以直接接收到父组件传来的props。
下面是一个例子:
父组件Parent.js:
import React, { Component } from 'react';
import Child from './Child';
export default class Parent extends Component {
state = {
na 'Parent'
}
render(){
return (
<div>
<Child name={this.state.name}/>
</div>
)
}reactnative开发
}
子组件Child.js:
import React, { Component } from 'react';
export default class Child extends Component {
render(){
return (
<div>
<p>My name is {this.props.name}</p>
</div>
)
}
}
上面的例子中,父组件的state中定义了name,然后将其传给子组件的props,子组件通过this.props.name可以访问到这个数据。
React Native中可以使用props传递任何类型的数据,比如字符串、数字、对象等,从而实现父子组件之间的传值,让开发者更方便的使用React Native实现功能。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论