[英]How to transfer props in react v0.13?
我正在嘗試學習我的第一個javascript項目的反應,並作為一個開始創建一個非常簡單的代碼,添加在文本框中輸入的兩個數字。 在鍵入數字時重新呈現結果。 這對我起作用反應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')
);
但是,似乎在v0.13中刪除了transferPropsTo()函數。 我如何在最新版本中執行等效操作。
您可以在輸入標記中傳遞{...this.props}
:
var Payment = React.createClass({
render: function() {
return (
<input type="text" {...this.props} />
);
}
});
這使用JSX 傳播屬性功能。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.