如何在 ES6 中的兩個擴展運算符之間設置邏輯運算符

Question

我正在做一個反應項目，我想在這樣的組件中初始化 state：

state = {
        ...this.props || ...this.initValues
    }

其中 initValues 是一個 object 包含所有道具但具有空值我知道這在語法上不正確，我只是想要一個替代

提前致謝

Answer 1

您可以先獲取初始值進行傳播，然后再獲取所需的屬性。

state = {
    ...this.initValues,
    ...this.props
};

Answer 2

您可以傳播表達式的結果。 如果您只想要道具或初始值。

state = {
    ...(Object.keys(this.props).length === 0 ? this.initValues : props)
  }