小编Tra*_*par的帖子

我正在做一个宠物项目,我决定使用React进行查看.我开发它还相当远,但我刚开始意识到我可能不太了解如何使用React,因为看起来为了做一些简单的事情,你必须采取一些非常极端的措施!

所以,时间是一个任意的例子!这是在JsFiddle上运行的代码

var Name = React.createClass({
    render: function() {
        return <button onClick={this.props.onClick.bind(null, this.props.id, 'John')}>{this.props.value}</button>
    }
});

var NameContainer = React.createClass({
    getInitialState: function() {
        return {
            names: [
                { id: 1, name: 'Fred' },
                { id: 2, name: 'George' }
            ]
        };
    },
    handleClick: function(id, newName) {
        names = this.state.names;
        names.map(function(obj){
            if (obj.id === id) {
                obj.name = newName;
            }
            return obj;
        });
        this.setState({
            names: names
        });
    },
    render: function() {
        var handleClick = this.handleClick;

        var children …