React Refs

原生 DOM

React 通过 refs 属性 也让我们拥有访问和操作 原生 DOM 的能力,但这种能力会造成跟一些操作冲突,因为 React 的逻辑是建立在一层 虚拟 DOM 之上操作数据的,所有最好在项目中即使用了 refs 也不要过于频繁。

class Index extends Component {
  f() {
    this.refs.html.innerHTML = '2'
  }

  render() {
    return(
      <div>
        <h1 ref="html" onClick={this.f.bind(this)}>1</h1>
      </div>
    )
  }
}
React 教程 React 安装 React 组件 React JSX React 样式 React 生命周期 React State React Props React 事件 React Refs React Router