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>
    )
  }
}
更多教程 HTML5 教程 CSS3 教程 JavaScript 教程 JQuery 教程 React.js 教程 Node.js 教程 Koa2 教程 Python 教程 Linux 教程