详解ref----＞如何获取dom元素

受控组件:
基于修改数据/状态，让视图更新,达到需要的效果「推荐」

非受控组件:
基于ref获取D0M元素，我们操作DOM元素， 来实现需求和效果「偶尔」

获取ref的三种方式：

class Demo extends React.Component {
   
  constructor(props) {
   
    super(props);
    this.box3 = React.createRef(); // 使用构造函数来初始化 ref
  }

  render() {
   
    return (
      <div>
        <h2 className="title" ref="titleBox">
          温馨提示
        </h2>
        <h2 className="title" ref={
   (x) => (this.box2 = x)