父组件存值传给子组件react
时间: 2023-09-08 07:08:20 浏览: 84
在 React 中,可以通过 `props` 将父组件的值传递给子组件。具体的步骤如下:
1. 在父组件中设置要传递的值,例如:
```jsx
function ParentComponent() {
const value = 'Hello, World!';
return (
<div>
<ChildComponent value={value} />
</div>
);
}
```
2. 在子组件中接收 `props`,例如:
```jsx
function ChildComponent(props) {
return <div>{props.value}</div>;
}
```
在这个例子中,子组件 `ChildComponent` 接收到的 `props` 就包含了父组件传递过来的 `value` 值,可以在子组件中通过 `props.value` 来使用它。
也可以使用解构赋值来获取 `props` 中的值,例如:
```jsx
function ChildComponent({ value }) {
return <div>{value}</div>;
}
```
这样,就可以直接使用 `value` 变量来代替 `props.value`。
阅读全文