如何管理react 的 state
4 回答
30秒到達(dá)戰(zhàn)場(chǎng)
TA貢獻(xiàn)1828條經(jīng)驗(yàn) 獲得超6個(gè)贊
1. 通過(guò)MobX來(lái)解決
?? MobX 是一個(gè)簡(jiǎn)單、高效的前端狀態(tài)管理腳本庫(kù)。 根據(jù)文檔，Just do something to the state and MobX will make sure your app respects the changes。
var person = mobx.observable({
firstName: 'Matt',
lastName: 'Ruby',
age: 37,
fullName: function () {
this.firstName + ' ' + this.lastName;
}
});
DIEA
TA貢獻(xiàn)1820條經(jīng)驗(yàn) 獲得超2個(gè)贊
React.js狀態(tài)值為數(shù)組，那么使用setState設(shè)置狀態(tài)的方法是調(diào)用onchang方法來(lái)操作數(shù)組。
寫法如下：
onChange(event){
var newArray = this.state.arr.slice();
newArray.push("new value");
this.setState({arr:newArray})
}
上面的方法中使用onChange來(lái)完成狀態(tài)的動(dòng)態(tài)改變。
其中newArray 是把狀態(tài)值數(shù)組進(jìn)行拆分，然后調(diào)用push方法放入新值，再調(diào)用setState方法對(duì)數(shù)組進(jìn)行更新。
- 4 回答
- 0 關(guān)注
- 593 瀏覽
添加回答
舉報(bào)
0/150
提交
取消