帮我用react父组件向子组件传递一个对象
时间: 2023-11-25 15:05:50 浏览: 80
在 React 中,你可以通过 props 属性向子组件传递一个对象。下面是一个简单的示例:
在父组件中有一个对象 dataObj:
```jsx
import React from 'react';
import ChildComponent from './ChildComponent';
class ParentComponent extends React.Component {
constructor(props) {
super(props);
this.state = {
dataObj: {
name: 'John',
age: 30
}
};
}
render() {
return (
<div>
<ChildComponent data={this.state.dataObj} />
</div>
);
}
}
export default ParentComponent;
```
在子组件中,可以通过 props 访问这个对象:
```jsx
import React from 'react';
class ChildComponent extends React.Component {
render() {
return (
<div>
<p>Name: {this.props.data.name}</p>
<p>Age: {this.props.data.age}</p>
</div>
);
}
}
export default ChildComponent;
```
这样就完成了父组件向子组件传递一个对象的操作。
阅读全文