第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

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

從項目數(shù)組中刪除項目不起作用

從項目數(shù)組中刪除項目不起作用

白衣非少年 2021-10-21 10:46:52
我試圖從項目列表中刪除一個項目,但它似乎不起作用。我有一個頁面,我可以在其中動態(tài)添加條目,也可以單獨刪除項目。添加似乎工作正常。沙盒:https : //codesandbox.io/s/angry-heyrovsky-r7b4k代碼import React from "react";import ReactDOM from "react-dom";class App extends React.Component {  constructor(props) {    super(props);    this.state = {      value: "",      values: []    };  }  onChange = event => {    this.setState({ value: event.currentTarget.value });  };  onAdd = () => {    this.setState({      value: "",      values: [...this.state.values, this.state.value]    });  };  onRemove = index => {    console.log(index);    let { values } = this.state;    let filteredIDs = values.splice(index, 1);    this.setState({      values: filteredIDs    });  };  render() {    let { values, value } = this.state;    return (      <>        <input          required          placeholder="xyz@example.com"          value={value}          onChange={this.onChange}        />        <button onClick={this.onAdd}>Add</button>        <div>          <ul className="email-list-holder wd-minus-150">            {values.map((value, index) => (              <li key={index}>                {value}                <button                  onClick={() => this.onRemove(index)}                  style={{ cursor: "pointer" }}                >                  Remove                </button>              </li>            ))}          </ul>        </div>      </>    );  }}
查看完整描述

3 回答

?
哈士奇WWW

TA貢獻1799條經(jīng)驗 獲得超6個贊

let filteredIDs = values.splice(index, 1); 刪除后返回已刪除的項目 values


你會想要


onRemove = index => {

  let { values } = this.state;

  values.splice(index, 1);

  this.setState({

    values

  });

經(jīng)過測試并適用于您的代碼和盒子:p


查看完整回答
反對 回復(fù) 2021-10-21
?
Cats萌萌

TA貢獻1805條經(jīng)驗 獲得超9個贊

我認為您在刪除項目時使用了錯誤的 javascript 方法。

Splice方法通過刪除或替換現(xiàn)有元素和/或添加新元素來更改數(shù)組的內(nèi)容

Slice方法將數(shù)組的一部分的淺拷貝返回到從開始到結(jié)束(不包括結(jié)束)選擇的新數(shù)組對象中,其中開始和結(jié)束表示該數(shù)組中項目的索引。不會修改原始數(shù)組。

代替

 let filteredIDs = values.splice(index, 1);

 let filteredIDs = values.slice(index, 1);


查看完整回答
反對 回復(fù) 2021-10-21
  • 3 回答
  • 0 關(guān)注
  • 219 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號