react 函数组件传参 父传子，子传父

1、父传子
父传子很简单，父组件以属性形式将值传递给子组件即可：

// 父组件

import Sub from './Sub'

let msg = "你好世界"

export default function App(){

    return 

}

// 子组件

export default function Sub(props) {

  return 
{props.msg}

}

2、子传父
子传父的本质是父组件创建好方法，然后传递到子组件调用：

// 父组件

import Sub from './Sub'

let msg = "你好世界"

export default function App(){

    const fn = function(arg){

        console.log(arg) // 123

    }

    return 

}

// 子组件

export default function Sub(props) {

  return (

      <>

        
{props.msg}

        props.fn(123)}>将123传递给父组件

      

  )

}