大家好，又见面了，我是你们的朋友全栈君。
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的单项数据流（父组件传递给子组件，不可以在子组件中改变）
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
发布者：全栈程序员-用户IM，转载请注明出处：https://javaforall.cn/140618.html原文链接：https://javaforall.cn
【正版授权，激活自己账号】： Jetbrains全家桶Ide使用，1年售后保障，每天仅需1毛
【官方授权 正版激活】： 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...