react 父组件给子组件传值（props）

 react 父组件给子组件传值的一个方法是使用props，具体方法如下：

组件首字母要大写，参数为props，是个对象，属性作为key，内容为值，

function Child(props){
  const handleClick = ()=>{
    props.onClick && props.onClick(props.name)
  }
  return (
    <div>
      <div>this is the child: {props.name} </div>
      <div onclick={handleClick}>click</div>
    </div>
  )
}
function App(){
  const handleClick = (name)=>{
    console.log('父组件的name',name)
  }
  return (
    <div className='appstyle'>
      <Child name="ningning" onClick={handleClick}></Child>
      <Child name="luyi" onClick={handleClick}></Child>
      <Child name="mm" onClick={handleClick}></Child>
    </div>
  )
}