我在这样的构造函数中定义状态。
constructor(props) {
super(props);
this.state = {
order: props.data ? { ...props.data } : { title: '', birthdate: '' , gender: '', startdate: '', starttime: '', brand: null},
然后在另一个函数中,我试图只为order.brand设置setState
this.setState({
//order: { brand: items[0].title },
order: { ...order, brand: items[0].title },
});
注释行覆盖了所有元素,第二行返回未定义顺序。
什么是仅保存具有多个值的状态项的正确语法是什么?
最佳答案
如注释中所述,您可以使用update
修改对象值:
var update = require('react-addons-update');
this.setState(function(previousState, currentProps) {
var newState = update(previousState,{
order: {
brand: {
$set: 'some new value'
}
}
});
return newState;
});
见https://facebook.github.io/react/docs/update.html