亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

試圖使列表項通過onClick刪除,但它破壞了我的提交按鈕

試圖使列表項通過onClick刪除,但它破壞了我的提交按鈕

素胚勾勒不出你 2021-04-17 13:10:57
我正在使用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/上直播。
查看完整描述

1 回答

  • 1 回答
  • 0 關注
  • 138 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號