<script src="ponentWillMount: function() { window.addEventListener("my-event", this.handleMyEvent, false); }, componentWillUnmount: function() { window.removeEventListener("my-event", this.handleMyEvent, false); }, render: function() {...} }); var Grandchild = React.createClass({ handleClick: function(e) { var customEvent = new CustomEvent("my-event", { detail: { ... }, bubbles: true }); React.findDOMNode(this.refs.link).dispatchEvent(customEvent); }, render: function() { return Click me; } });
組件生命周期
組件永遠擁有著與其API緊密關聯的生命周期。在這種情況下，其生命周期包括啟動、更新與卸載三種狀態。而這些功能已經被內置在組件的定義當中。舉例來說：
componentWillMount與componentWillUnmount 方法都被用於添加或者移除事件偵聽機制。當然還有其它多種方法能夠幫助我們實現對組件狀態及屬性的控制。
壹旦我們建立起壹套瀏覽器內運行環境，接下來就可以將UI方案拆分為多個簡單組件。接下來的任務是弄清應用程序運行需要具備哪些數據，這些數據將處於何種位置且如何與應用進行***享。當這些問題得到解決，大家將能夠獲得可進行試用體驗的已創建應用。
利用React.js，我們能夠非常輕松地開發出強大且穩定的Web應用程序。這主要是因為大家需要使用的全部功能都能夠由該框架自行提供，而且其在初始設計之時就充分考慮到創建高復雜性應用程序的種種需要。