父组件传给子组件一个布尔值和一个对象
时间: 2023-11-30 12:38:17 浏览: 88
好的,父组件传给子组件一个布尔值和一个对象,可以通过props来实现。在父组件中定义一个布尔值和一个对象,然后将它们作为props传递给子组件即可。具体代码如下:
```jsx
// 父组件
import React from 'react';
import ChildComponent from './ChildComponent';
function ParentComponent() {
const boolValue = true;
const objValue = { name: 'Tom', age: 18 };
return (
<div>
<ChildComponent boolProp={boolValue} objProp={objValue} />
</div>
);
}
export default ParentComponent;
// 子组件
import React from 'react';
function ChildComponent(props) {
const { boolProp, objProp } = props;
return (
<div>
<p>布尔值:{boolProp.toString()}</p>
<p>对象:{JSON.stringify(objProp)}</p>
</div>
);
}
export default ChildComponent;
```
在子组件中,通过props获取父组件传递过来的布尔值和对象,并在页面上展示出来。
阅读全文