create-react-app 父子组件传参
时间: 2023-10-22 22:04:44 浏览: 94
React 子组件向父组件传值的方法
5星 · 资源好评率100%
在 React 中,父组件可以通过 props 将数据传递给子组件。具体实现方式如下:
1. 在父组件中定义一个 state,存储需要传递给子组件的数据。
2. 在父组件中通过 props 将数据传递给子组件。
3. 在子组件中通过 props 获取父组件传递过来的数据。
示例代码如下:
// 父组件
import React, { useState } from 'react';
import ChildComponent from './ChildComponent';
function ParentComponent() {
const [data, setData] = useState('Hello World');
return (
<div>
<ChildComponent data={data} />
</div>
);
}
export default ParentComponent;
// 子组件
import React from 'react';
function ChildComponent(props) {
return (
<div>
<p>{props.data}</p>
</div>
);
}
export default ChildComponent;
阅读全文