大家好，又见面了，我是你们的朋友全栈君。
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的单项数据流（父组件传递给子组件，不可以在子组件中改变）
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/140618.html原文链接：https://javaforall.net
