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
相关推荐
老华带你飞几秒前
学生请假管理|基于springboot 学生请假管理系统(源码+数据库+文档)
java·前端·数据库·vue.js·spring boot·后端·spring
前端不太难17 分钟前
如何给 RN 项目设计「不会失控」的导航分层模型
前端·javascript·架构
用户40993225021221 分钟前
Vue3中v-show如何通过CSS修改display属性控制条件显示?与v-if的应用场景该如何区分?
前端·javascript·vue.js
Zyx200722 分钟前
JavaScript 中 this 的设计哲学与运行机制
javascript
A242073493024 分钟前
JavaScript图表制作:从入门到精通
开发语言·javascript·信息可视化
不会聊天真君64728 分钟前
CSS3(Web前端开发笔记第二期)
前端·笔记·css3
瘦的可以下饭了30 分钟前
Day03-APIs
javascript
discode33 分钟前
【开源项目技术分享】@host-navs 站导,一个简洁高效的网站链接导航工具站
前端