Question

在我原来的示例中，你可能已经注意到一些奇怪的内容——this.props.name。props 是从哪里来的？它是做什么的？

每个 React 组件都有 props，用来存放组件实例中的不变信息。this.props 作为一个参数传递到函数中。因为它们是不变的，所以不能修改一个已经渲染完成的组件的 props。接下来，该 state 登场了。

除了不变的属性，React 组件有一个私有的属性 this.state。当一个 state 被更新后，组件就会自动重新渲染自己。

/＊＊ @jsx React.DOM ＊/
var StatefulThing = React.createClass({
    updateName: function(event) {
        event.preventDefault();
        this.state.name = "Taylor";
    },
    setInitialState: function() {
        return (
            {name: "World"}
        );
    },
    render: function() {
        return (
            <a href="#" onClick={this.updateName}>
                My name is {this.state.name}
            </a>
        );
    }
});

React 将事件处理程序附加到组件中，这个处理函数使用驼峰法来命名，并让你传递一个函数来进行事件响应。

React 是一个纯粹的前端开发框架，相对于 Backbone.js 这样的框架，React 只是用来更新和渲染数据。这使得 React 很容易作为前端的解决方案，除了数据，React 能承担所有其他的工作。

希望这个介绍能够让你知道 React 是如何工作的。如果你想要了解更多关于 React 的内容，我推荐你去阅读官方教程，那里有更多关于 React 特性的说明。