React 获得dom节点和组件通信

通过REF 实例对象的.current属性获得绑定的DOM节点

组件通信

组件通信 1 父传子

父组件传递数据

子组件接受数据

通过pros对象接受

子组件的形参列表props只读

props中数据不可修改

特殊情况

在子传父的过程中没有直接给子组件添加属性，而是向父组件中添加其他标签

组件通信 2 子传父

  const getMessage = function(msg){console.log(msg)}// 创建子组件function Outspring({getM}){// 传递的内容const msg =`这是儿子需要传递的内容`return <div><button onClick={() => getM(msg)}>点击我给父传递数据</button></div>}

组件通信 3 兄弟之间通信

可以通过 兄弟1 利用 子传父 (属性传递函数表达式作为变量)传递给父，兄弟2再利用父传子(props)传递给兄弟2

第一部分：子传父