javascript - 使用逻辑运算符解构状态分配

Question

在 this.state.keyboard 上，ESLint 给出错误“必须使用解构状态分配 (react/destructuring-assignment)”。

const keyboard = this.state.keyboard || data[0];

当然，我可以这样做:

let {keyboard} = this.state;
keyboard = keyboard || data[0]; 

但是有没有一种方法可以在一行中使用 const 来完成它？谢谢。

Answer 1

我认为没有一种方法可以用 const 在一行中完成它并获得与您完全相同的行为，即分配 data[0] 到键盘(如果它是假的)。

如果你解构键盘并给它一个像这样的默认值:

const { keyboard = data[0] } = this.state;

仅当在 this.state 中定义时，

keyboard 才会设置为 data[0]。同样的情况也发生在这个声明中:

const { keyboard } = { keyboard: data[0], ...this.state };