反应-相当于角度模板参考变量?

与角度模板参考变量直接对应的是 React ref

反应16.3 createRef

class Some extends React.Component {
  fooRef = React.createRef();
  barRef = React.createRef();

  componentDidMount() {
    console.log(this.fooRef.current instanceof Node); // true
    console.log(this.barRef.current instanceof Bar); // true
  }

  render() {
    return (
      <input type="text" ref={this.fooRef}>
      <Bar ref={this.barRef} />
    );
  }
}

它的作用类似于角度参考和 ViewChild current 属性,该属性是有状态组件的组件实例,而非组件的则是DOM元素。

@ViewChild('barRef', { read: ElementRef })

类似于反应

ReactDOM.findDOMNode(this.barRef)

在较旧的React版本中,获取ref涉及到使用函数手动分配它:

<Hi ref={ref => this.hiRef = ref}

ref

在React中,ref相对较少使用,通过props传递回调函数通常是组件之间更可取的通信方式(将回调作为组件传递 @Input ,以角度表示)。

是的,这叫裁判。 https://reactjs.org/docs/refs-and-the-dom.html