父组件
function App() {
const getMsg = (msg) =>console.log('msg', msg)
const name = '张三'
return (
<div>
<Son name={name} onGetSonMsg={getMsg}>
<span>我18岁</span>
</Son>
</div>
)
}
子组件(父组件所有传值信息都可在props里获取)
function Son(props){
console.log('props',props)
const sonMsg = 'this is son msg'
return <div onClick={()=>props.onGetSonMsg(sonMsg)}>
<span>我的名字叫 {props.name},年龄是{props.children}</span>
</div>
}