react-native 两个类用props传值
时间: 2023-11-24 10:51:23 浏览: 142
react-prop-types
React Native中可以使用props来在组件之间传递数据。下面是一个例子,演示了如何在两个类之间使用props传递数据:
在父组件中,我们可以定义一个state,然后将其作为props传递给子组件:
```javascript
import React, { Component } from 'react';
import { View } from 'react-native';
import ChildComponent from './ChildComponent';
class ParentComponent extends Component {
constructor(props) {
super(props);
this.state = {
message: 'Hello from Parent Component!'
};
}
render() {
return (
<View>
<ChildComponent message={this.state.message} />
</View>
);
}
}
export default ParentComponent;
```
在子组件中,我们可以通过props来访问父组件传递过来的数据:
```javascript
import React, { Component } from 'react';
import { Text } from 'react-native';
class ChildComponent extends Component {
render() {
return (
<Text>{this.props.message}</Text>
);
}
}
export default ChildComponent;
```
在上面的例子中,我们定义了一个ParentComponent和一个ChildComponent。在ParentComponent中,我们定义了一个state,然后将其作为props传递给ChildComponent。在ChildComponent中,我们通过props来访问父组件传递过来的数据,并将其渲染到Text组件中。
阅读全文