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
相关推荐
Apifox4 分钟前
Apifox CLI + Claude Skills:将接口自动化测试融入研发工作流
前端·后端·测试
wszy180912 分钟前
rn_for_openharmony_空状态与加载状态:别让用户对着白屏发呆
android·javascript·react native·react.js·harmonyos
程序员Agions22 分钟前
别再只会 console.log 了!这 15 个 Console 调试技巧,让你的 Debug 效率翻倍
前端·javascript
我的div丢了肿么办26 分钟前
vue使用h函数封装dialog组件,以命令的形式使用dialog组件
前端·javascript·vue.js
UIUV27 分钟前
Git 提交规范与全栈AI驱动开发实战:从基础到高级应用
前端·javascript·后端
NEXT0628 分钟前
那个写 width: 33.33% 的前端,终于被 flex: 1 拯救了
前端·css
NEXT0629 分钟前
前端即导演:用纯 CSS3 原力复刻《星球大战》经典开场
前端·css
lili-felicity1 小时前
React Native for Harmony:登录页“记住密码+深色模式适配”完整实现
javascript·react native·react.js