Ошибка: не удается уничтожить свойство ‘tags’ ‘this.state’, поскольку оно не определено.На самом деле this.state.tags существует

#javascript #reactjs

#javascript #reactjs

Вопрос:

введите описание изображения здесь

На самом деле, «теги» существуют.

https://stackblitz.com/edit/react-tag-input-1nelrc

Я попробовал приведенный выше код.

Кажется, что state.tags определен.

   constructor(props) {
    super(props);
    this.state = {
      user: this.props.user,
      tags: [],
      suggestions: suggestions,
    };
    this.handleDelete = this.tagHandleDelete.bind(this);
    this.handleAddition = this.tagHandleAddition.bind(this);
    this.handleDrag = this.tagHandleDrag.bind(this);
    this.handleTagClick = this.tagHandleTagClick.bind(this);
  }


  tagHandleDelete(i) {
    const { tags } = this.state;
    this.setState({
      tags: tags.filter((tag, index) => index !== i),
    });
  }

  tagHandleAddition = (tag) => {
    this.setState((state) => ({ tags: [...state.tags, tag] }));
  }
 

Комментарии:

1. this.tagHandleDelete= this.tagHandleDelete.bind(this);

2. Ваш код stackblitz работает нормально. Ошибки нет.