Javascript 如何在react v0.13中转移道具？

我正在尝试为我的第一个javascript项目学习react，并开始创建一个非常简单的代码，将两个输入文本框的数字相加。结果将在键入数字时重新呈现。这在react v0.11上对我有效

var App = React.createClass({

    mixins: [React.addons.LinkedStateMixin],

    getInitialState: function() {
        return {
            payment: 0,
            payment2: 0
        };
    },
    render: function() {
        var total = parseInt(this.state.payment, 10) +
                    parseInt(this.state.payment2, 10);
        return (
            <div>
                <Payment {...this.props} valueLink={this.linkState('payment')}/><span>+</span>
                <Payment {...this.props} valueLink={this.linkState('payment2')}/><span>=</span>
                { total }
            </div>
        );
    }

});


var Payment = React.createClass({

    render: function() {
        return this.transferPropsTo(
            <input type="text" />
        );
    }

});

React.render(
 <App />,
 document.getElementById('app')
);

var-App=React.createClass({
mixin:[React.addons.LinkedStateMixin]，
getInitialState:函数（）{
返回{
付款：0，
工资2:0
};
},
render:function（）{
var total=parseInt（this.state.payment，10）+
parseInt（this.state.payment2,10）；
返回(
+
=
{total}
);
}
});
var Payment=React.createClass({
render:function（）{
将此.transferPropsTo返回(
);
}
});
反应(
,
document.getElementById（'app'）
);

---

但是，似乎在v0.13中删除了transferPropsTo（）函数。如何在最新版本中执行等效操作

您可以在输入标记中传递

{…this.props}

：

 var Payment = React.createClass({
   render: function() {
     return (
       <input type="text" {...this.props} />
     );
   }
});

var Payment=React.createClass({
render:function（）{
返回(
);
}
});

---

这使用了JSX功能。

这一要点解释了在v0.13 JSX Spread中使用JSX功能的不同方法-来自Facebook：