react组件传参 父传子可以传字符串,布尔值,数组,对象,jsx,

在react中,父传子组件 props的灵活性是很强大的,可以传字符串,布尔值,数组,对象,jsx,

复制代码
function Son(props) {
  console.log(props,"props的值")
  return(
    <div>这是儿子组件 {props.message} jsx:{props.jsxm}</div>
  )
}



function App() {

  return (
    <>
      <Son message="儿子说话"
      isTrue={false}
      num={111}
      fun={()=>console.log("传函数")}
      jsxm={<div>jsx模版语法</div>}
      obj={{name:"这是传的对象"}}
      arr={["这是传的数组"]}
      />
    </>
  )
}

export default App
相关推荐
两只羊ovo1 分钟前
让 Agent 接上“万能接口”:LangChain + MCP 实战,工具不再锁死在项目里
前端
妙码生花2 分钟前
使用git更新ai-go-admin框架
前端·人工智能·git·golang·typescript·php
YUJIANYUE4 分钟前
查立得万用查分电脑版(web环境+查询系统免安装单文件一键运行包)
前端·jvm
小聪70837 分钟前
基于node实现一个轻量化web引擎:elpis-core
前端
子非鱼a38 分钟前
【WEB】[SWPU2019]Web1
java·服务器·前端
涛涛ing43 分钟前
9 月第一周,前端圈又炸了四次
前端
葡萄城技术团队1 小时前
从自然语言到表格操作:SpreadJS 表格智能体如何执行一个任务
前端
Neighbor_OldY1 小时前
【实战复盘】文件上传漏洞检测与应急处置:校验绕过、图片马与WebShell的排查修复指南
运维·前端·web安全
金花顺1 小时前
android_media_AudioTrack_setup
前端
晓天衡宇•评测社区2 小时前
Seedance 2.5 登顶图生视频榜单,Wan 3.0 在游戏与教育场景进入前列
前端·javascript·网络