react简单的函数式父子组件通信

父组件

function App() {
  const getMsg = (msg) =>console.log('msg', msg)
  const name = '张三'
  return (
    
我18岁
) }

子组件(父组件所有传值信息都可在props里获取)

function Son(props){
  console.log('props',props)
  const sonMsg = 'this is son msg'
  return 
props.onGetSonMsg(sonMsg)}> 我的名字叫 {props.name},年龄是{props.children}
}

你可能感兴趣的:(react,前端例子,react.js,javascript,前端)