另外，React實(shí)現(xiàn)了一個(gè)完備的虛擬事件系統(tǒng)，盡管各個(gè)瀏覽器都有自己的怪異行為，React確保所有事件對(duì)象都符合W3C規(guī)范，并且持續(xù)冒泡，用一種高性能的方式跨瀏覽器（and everything bubbles consistently and in a performant way cross-browser）。你甚至可以在IE8中使用一些HTML5的事件！

大多數(shù)時(shí)候你應(yīng)該呆在React的“虛擬瀏覽器”世界里面，因?yàn)樗阅芨雍?，并且容易思考。但是，有時(shí)你簡(jiǎn)單地需要調(diào)用底層的API，或許借助于第三方的類(lèi)似于jQuery插件這種庫(kù)。React為你提供了直接使用底層DOM API的途徑。

Refs和getDOMNode()

為了和瀏覽器交互，你將需要對(duì)DOM節(jié)點(diǎn)的引用。每一個(gè)掛載的React組件有一個(gè)getDOMNode()方法，你可以調(diào)用這個(gè)方法來(lái)獲取對(duì)該節(jié)點(diǎn)的引用。

注意：

getDOMNode()僅在掛載的組件上有效（也就是說(shuō)，組件已經(jīng)被放進(jìn)了DOM中）。如果你嘗試在一個(gè)未被掛載的組件上調(diào)用這個(gè)函數(shù)（例如在創(chuàng)建組件的render()函數(shù)中調(diào)用getDOMNode()），將會(huì)拋出異常。

為了獲取一個(gè)到React組件的引用，你可以使用this來(lái)得到當(dāng)前的React組件，或者你可以使用refs來(lái)指向一個(gè)你擁有的組件。它們像這樣工作：

var MyComponent = React.createClass({
  handleClick: function() {
    // Explicitly focus the text input using the raw DOM API.
    this.refs.myTextInput.getDOMNode().focus();
  },
  render: function() {
    // The ref attribute adds a reference to the component to
    // this.refs when the component is mounted.
    return (
      <div>
        <input type="text" ref="myTextInput" />
        <input
          type="button"
          value="Focus the text input"
          onClick={this.handleClick}
        />
      </div>
    );
  }
});

React.render(
  <MyComponent />,
  document.getElementById('example')
);

組件生命周期

組件的生命周期包含三個(gè)主要部分：

掛載： 組件被插入到DOM中。
更新： 組件被重新渲染，查明DOM是否應(yīng)該刷新。
移除： 組件從DOM中移除。

React提供生命周期方法，你可以在這些方法中放入自己的代碼。我們提供will方法，會(huì)在某些行為發(fā)生之前調(diào)用，和did方法，會(huì)在某些行為發(fā)生之后調(diào)用。

掛載

getInitialState(): object在組件被掛載之前調(diào)用。狀態(tài)化的組件應(yīng)該實(shí)現(xiàn)這個(gè)方法，返回初始的state數(shù)據(jù)。
componentWillMount()在掛載發(fā)生之前立即被調(diào)用。
componentDidMount()在掛載結(jié)束之后馬上被調(diào)用。需要DOM節(jié)點(diǎn)的初始化操作應(yīng)該放在這里。

更新

componentWillReceiveProps(object nextProps)當(dāng)一個(gè)掛載的組件接收到新的props的時(shí)候被調(diào)用。該方法應(yīng)該用于比較this.props和nextProps，然后使用this.setState()來(lái)改變state。
shouldComponentUpdate(object nextProps, object nextState): boolean當(dāng)組件做出是否要更新DOM的決定的時(shí)候被調(diào)用。實(shí)現(xiàn)該函數(shù)，優(yōu)化this.props和nextProps，以及this.state和nextState的比較，如果不需要React更新DOM，則返回false。
componentWillUpdate(object nextProps, object nextState)在更新發(fā)生之前被調(diào)用。你可以在這里調(diào)用this.setState()。
componentDidUpdate(object prevProps, object prevState)在更新發(fā)生之后調(diào)用。

移除

componentWillUnmount()在組件移除和銷(xiāo)毀之前被調(diào)用。清理工作應(yīng)該放在這里。

掛載的方法（Mounted Methods）

_掛載的_復(fù)合組件也支持如下方法：

getDOMNode(): DOMElement可以在任何掛載的組件上面調(diào)用，用于獲取一個(gè)指向它的渲染DOM節(jié)點(diǎn)的引用。
forceUpdate()當(dāng)你知道一些很深的組件state已經(jīng)改變了的時(shí)候，可以在該組件上面調(diào)用，而不是使用this.setState()。

跨瀏覽器支持和兼容代碼（Browser Support and Polyfills）

在 Facebook，我們支持老版本的瀏覽器，包括 IE8。我們已經(jīng)擁有適當(dāng)?shù)?polyfills 很長(zhǎng)一段時(shí)間了，能夠允許我們寫(xiě)有遠(yuǎn)見(jiàn)的 JS。這意味著在我們的代碼庫(kù)中沒(méi)有黑客，我們?nèi)匀豢梢云诖覀兊拇a“工作”。例如，不用寫(xiě) +new Date()，我們可以只寫(xiě) Date.now()。由于開(kāi)源的 React 和我們內(nèi)部使用的是一樣的，所以我們采取了使用超前思維 JS 的這種理念。

除了那種理念，我們也確立了我們的立場(chǎng)，作為一個(gè) JS 庫(kù)的作者，不應(yīng)該把 polyfills 作為庫(kù)的一部分 shipping。如果每個(gè)庫(kù)都這么做，很有可能你會(huì)多次發(fā)送相同的 polyfill，這可能相當(dāng)于一部分無(wú)用代碼。如果你的產(chǎn)品需要支持老版本的瀏覽器，很有可能你已經(jīng)在使用類(lèi)似 es5-shim 的東西了。