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>
    )
  }
}

publish : 10/25/2018, 11:09:40 AM / by: jmjc.tech

React 教程 React 安装 React 组件 React JSX React 样式 React 生命周期 React State React Props React 事件 React Refs React Router