如何在休息操作中進行字符串插值

Question

有人可以給我最好的方法使用解構來從對象中移除屬性嗎？我想從以下對象中刪除單個任務

Object {task111: Object, task113: Object, task114: Object} 

const taskId = `task${action.task.id}`; 
{ [taskId]: discard, ...newState } = state; 
return newState; 

錯誤：

./src/reducers/taskReducer.js 
Syntax error: Unexpected token, expected ; (32:13) 

    30 |  
    31 |   const taskId = `task${action.task.id}` 
> 32 |   { [taskId]: discard, ...newState } = state; 
    |     ^
    33 |   return newState 
    34 | 

Answer 1

您使用computed property name，並且不串插，你需要的屬性值賦值給一個變量爲此工作。

const state = {task111: { a: 1 }, task113: { b: 2 }, task114: { c: 3 }}; 
 

 
const action = { 
 
    task: { 
 
    id: 113 
 
    } 
 
}; 
 

 
const taskId = `task${action.task.id}`; 
 

 
const { [taskId]: discard, ...newState } = state; 
 

 
console.log(newState);