如何在 ES6 中的两个传播运算符之间设置逻辑运算符

Question

我正在做一个反应项目，我想在这样的组件中初始化状态：

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

其中 initValues 是一个包含所有 props 但值为空的对象 我知道这在语法上是不正确的，我只是想要一个替代方案

提前致谢

Answer 1

您可以先获取 init 值进行扩展，然后再获取所需的属性。

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

Answer 2

你可以传播表达的结果。如果你只想要你的道具或只是初始值。

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