1: 组件通信
组件通信就是组件之间传递数据,根据组件嵌套关系的不同,有不同的通信方法。

image.png
- 父传子
1:父组件传递数据;在子组件标签上绑定数据
2:子组件接收数据;子组件通过props接收数据
function Son(props){
return {props.name}
}
function App(){
const name ='this is app name';
return (
)
}
props说明
:
1:props可以为任意值:数字,字符串,布尔值,对象,数组,函数,jsx等
2:props是只读对象:子组件只能读取props中的数据,不能直接进行修改,父组件的数值只能父组件修改。
3:特殊的props :children
function Son(props){
console.log(props.children);
}
这是一个span
- 子传父
核心思路:在子组件中调用父组件传递过来的函数,并传递实参
//子组件
function Son({onGetSonMsg}){
const sendMsg ='this is son msg';
return
}
//父组件
function App(){
const getMsg=(msg)=>{
console.log(msg);
}
return
}
【信息由网络或者个人提供,如有涉及版权请联系COOY资源网邮箱处理】
© 版权声明
本平台(www.cooy.cn)的一切软件、教程及内容信息仅限用于学习和研究,付费仅为收集整理归类费用;
不得将上述内容用于商业或者非法用途,否则一切后果用户自行承担负责。本平台资源、内容、信息均来自来自用户上传,版权争议及其他问题与本平台无关。
您必须在下载后的24个小时之内从您的电脑或手机中彻底删除上述下载内容,如果您喜欢该程序或内容,请支持正版以获取更好的服务。我们非常重视版权问题,如有侵权请发送邮件至下方邮件(655465@qq.com),敬请谅解!
如发现违法违规内容,请联系下方邮箱举报,我们收到后将会第一时间处理。
THE END
暂无评论内容