在React中如何简洁地重命名解构参数？

Question

我本以为我能使用以下语法，但它并没有按预期工作（"renamed"未定义）：

const test= ({ var1, var2, renamed = var3 }) => { ...

我看到可以直接这样做，但我想知道是否有更简洁的方式在括号内完成。非常感谢。

const test= ({ var1, var2, var3 }) => { ...
const renamed = var3; ...

- user1088793

---

更名为：var3 - Tal Rofe

Answer 1

尝试：

const test = ({ var1, var2, var3: renamed }) => { ...

- CD..

---

啊，好的，我试图重新命名为：var3，搞反了！虽然我不理解那么做的原因。 - user1088793

Answer 2

你的解构语法有误，应该先写键名，然后加上冒号:，再是新变量名：key: newName = defaultValue。

const test= ({ var1, var2, var3: renamed = 2 }) =>  console.log(renamed);

var1 = 0;
var2 = 1;
var3 = 2;
test({ var1, var2, var3 })
test({ var1, var2, var3: undefined })

- Fullstack Guy