我正在使用react和redux制作一個任務列表程序,并且編寫了一個函數,當您單擊項目并將其添加到第二個列表中但被刪除時,將其從列表中刪除。我試圖使該函數在每個列表項上觸發onClick,但是由于某種原因,當我向其中添加事件時,當我單擊“提交”按鈕以添加新任務時,頁面上的所有內容都消失了。我已經嘗試過其他事件,例如onMouseDown,它們都引起了同樣的事情。我嘗試更改代碼的各個部分,但似乎唯一的中斷是添加onClick事件。處理列表刪除的功能在這里const taskReducer = (state = [[],[]], action) => { switch(action.type) { case ADD: return [state[0].concat(action.task), [...state[1]]]; case COMP: let idx = indexOf(state[0].filter(action.task)); let beg = state.slice(0, idx); let end = state.slice(idx + 1); let newState = [[...beg, ...end], [...state[1], action.task]]; return newState; default: return state; }}生成按鈕和兩個列表的部分在這里<button id = 'submitGoal' onClick = {this.submitHandler} >Submit</button><ul id = 'currentTasks'> {this.props.tasks.map( (task, idx) => { return ( <li onClick = {this.completeHandler(event.target)} key={idx}>{task}</li> ) }) }</ul><ul id = 'completedTasks'> {this.props.compTasks.map( (task, idx) => { return ( <li key={idx}>{task}</li> ) }) }</ul>整個程序現在也可以在https://jeengland.github.io/molehills/上直播。
試圖使列表項通過onClick刪除,但它破壞了我的提交按鈕
素胚勾勒不出你
2021-04-17 13:10:57
