react中ref的使用方式

之前好像和vue的使用方式是一样的是 this.refs.自定义ref名字 16.3版本引入新的api
createRef

constructor(props) {
     super(props)
      this.myRef=React.createRef();  // 创建
  }

// 使用 通过current 获取当前元素

change=()=>{
        this.myRef.current.style.color="yellow";
    }
render() {
     return (
          <div>
              <p ref={this.myRef}>hello world</p>
              <button onClick={this.change}>更改上面的标签内文本颜色</button>
          </div>
      )
  }