react中父组件向子组件传值
大家好，又见面了，我是你们的朋友全栈君。
1.子组件代码：定义props.属性名 来接收父组件传递过来的值
import React, { Component } from "react";
export default class Son extends Component {
render() {
return <div>我是子组件---{this.props.text}</div>;
}
}2.父组件代码：在引用子组件时，在子组件身上传递数据（用子组件定义的属性来传递）
import React, { Component } from "react";
import Son from "./Son";
export default class Father extends Component {
render() {
return (
<div>
我是父组件
<Son text="父组件的值001" />
</div>
);
}
}
react中父组件向子组件传值
子组件中只能使用不能修改父组件传递过来的数据！！！如果非要修改，那就父组件传递一个方法给子组件，子组件使用这个方法来改变父组件中的数据。这就是react的单项数据流（父组件传递给子组件，不可以在子组件中改变）
发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/140618.html原文链接：https://javaforall.cn
本文参与 腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。
原始发表：2022年5月2，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
目录
腾讯云开发者
