Javascript ReactJS DomeException:未能执行'；插入前'；在'；节点'；

categoryInfo

是一个对象数组。调用API

readRelationById

时，如果在数据库中添加或删除了某些内容，它将重新加载对象数组。添加新对象或将其从列表中删除时出错

getInfo = id => {
  Api.readRelationById(id)
    .then(res => this.setState({ categoryInfo: res }))
    .catch(err => console.log(err));
};

列表的呈现方式：

<select
  multiple
  onChange={onRemoveChange(props)}
  size="10"
  style={{ width: "500px" }}
>
  {props.categoryInfo !== undefined ? (
    props.categoryInfo.map((item, index) => {
      return (
        <option value={item.id} key={index}>
          {item.id} {item.description}
        </option>
      );
    })
  ) : (
    <option disabled> N/A </option>
  )}
</select>;

---

您能否包括

onRemoveChange

是如何定义的？如果您使用

key={item.id}

而不是

key={index}

，是否会出现相同的错误？如果没有，请在中创建一个，例如，以便有人能更容易地帮助您。您能否包括

onRemoveChange

是如何定义的？如果您使用

key={item.id}

而不是

key={index}

，是否会出现相同的错误？如果没有，请在例如中创建一个，以便有人更容易帮助您。

const onRemoveChange = (props) => (e) => {
    let options = e.target.options;
    let value = [];
    for (let i = 0, l = options.length; i < l; i++) {
        if (options[i].selected) {
            value.push(options[i].value);
        }
    }
    console.log(value);
    props.onListClick(value);
};

    onListClick = (values) => {
        this.setState({removeList: values});
    };