子组件向函数式组件传值

子组件向函数式组件传值的方法是通过props来传递。在父组件中，将要传递给子组件的值写在子组件标签上，然后子组件通过props来接收父组件传过来的值。具体的做法是在子组件的类型定义中声明需要接收的props，然后在子组件中通过解构赋值来获取父组件传过来的值。

举个例子，假设父组件为Parent，子组件为Child，父组件要向子组件传递一个count的值。在父组件的标签上，可以写成这样：

<Child count={10} />

然后在子组件中，通过props来接收这个count的值：

const Child: React.FC = (props) => {
const { count } = props;
return (
<div>
<p>子组件</p>
<p>从父组件传下来的数字是：{count}</p>
</div>
);
};

这样，父组件就成功向子组件传递了值。在子组件中可以直接使用父组件传过来的count值进行展示或其他操作。<em>1</em><em>2</em><em>3</em>
#### 引用[.reference_title]
- *1* *2* [react函数式组件传值之父传子](https://blog.csdn.net/w544924116/article/details/119464737)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}} ] [.reference_item]
- *3* [react函数子组件向父组件传值](https://blog.csdn.net/duidandan/article/details/125507608)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}} ] [.reference_item]
[ .reference_list ]