我正在使用react和redux制作一個任務(wù)列表程序,并且編寫了一個函數(shù),當(dāng)您單擊項(xiàng)目并將其添加到第二個列表中但被刪除時,將其從列表中刪除。我試圖使該函數(shù)在每個列表項(xiàng)上觸發(fā)onClick,但是由于某種原因,當(dāng)我向其中添加事件時,當(dāng)我單擊“提交”按鈕以添加新任務(wù)時,頁面上的所有內(nèi)容都消失了。我已經(jīng)嘗試過其他事件,例如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>整個程序現(xiàn)在也可以在https://jeengland.github.io/molehills/上直播。
試圖使列表項(xiàng)通過onClick刪除,但它破壞了我的提交按鈕
素胚勾勒不出你
2021-04-17 13:10:57