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
相关推荐
p***h64321 小时前
JavaScript在Node.js中的异步编程
开发语言·javascript·node.js
N***738521 小时前
Vue网络编程详解
前端·javascript·vue.js
e***716721 小时前
Spring Boot项目接收前端参数的11种方式
前端·spring boot·后端
程序猿小蒜1 天前
基于springboot的的学生干部管理系统开发与设计
java·前端·spring boot·后端·spring
银空飞羽1 天前
让Trae CN SOLO自主发挥,看看能做出一个什么样的项目
前端·人工智能·trae
Eshine、1 天前
解决前端项目中,浏览器无法正常加载带.gz名称的文件
前端·vue3·.gz·.gz名称的js文件无法被加载
用户47949283569151 天前
React Grab 原理篇:它是怎么"偷窥" React 的?
人工智能·react.js·ai编程
q***38511 天前
TypeScript 与后端开发Node.js
javascript·typescript·node.js
用户47949283569151 天前
别再当 AI 的"人肉定位器"了:一个工具让 React 组件秒定位
前端·aigc·ai编程
Nan_Shu_6141 天前
学习:Sass
javascript·学习·es6