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
相关推荐
星爷AG I21 分钟前
9-24 视觉叙事(AGI基础理论)
前端·人工智能
2501_9400078924 分钟前
Flutter for OpenHarmony三国杀攻略App实战 - 鸿蒙适配与打包发布
前端·flutter
css趣多多25 分钟前
跨域问题及Vue项目中本地/线上解决方法核心总结
前端
光影少年32 分钟前
前端 AIGC
前端·aigc
启山智软42 分钟前
供应链商城核心功能模块清单
java·前端·开源
徐同保1 小时前
Claude Code提示词案例(开发复杂动态路由详情页面)
前端
Σdoughty1 小时前
python第三次作业
开发语言·前端·python
是萧萧吖1 小时前
每日一练——有效的括号
java·开发语言·javascript
gpldock2221 小时前
Flutter App Templates Deconstructed: A 2025 Architectural Review
开发语言·javascript·flutter·wordpress
白中白121381 小时前
Vue系列-2
前端·javascript·vue.js