在反應中更新本地狀態對象中的狀態js

Question

我想在狀態中最大更新最小&。如果我只更新最大值，其他兩個狀態將變空。

constructor(props) { 
    super(props); 
    this.state = { 
    param: { 
     one: [], 
     two: [], 
     min: 100000, 
     max: 5100000 
    } 
    }; 
} 

這是我的代碼。

select_price(price) { 
    this.setState({ param: {min:price[0], max:price[1]}}); 
} 

Answer 1

你正在用新的狀態取代整個狀態。你應該@ markm247做這樣的事情

select_price(price) { 
    let paramState = {...this.state.param}; //works with es6 only 
    paramState.min = price[0]; 
    paramState.max = price[1]; 
    this.setState({ param: paramState); 
    } 

正如編輯建議，這樣做

select_price(price) { 
    let paramState = {...this.state.param, min:price[0],max: price[1]}; 
    this.setState({ param: paramState); 
    } 

Answer 2

速戰速決是讓整個文檔，改變具體項目和設置狀態：

doc = this.state.param 
doc.min = price[0] 
doc.max = price[1]} 
this.setState({ param: doc }); 

不知道，如果你可以申請一個$set一種操作與setState