ESLint 파괴 상태 할당을 사용해야 합니다.

ESLint 파괴 상태 할당을 사용해야 합니다.

다음 줄에 대해 ESlint 오류가 발생하였습니다.this.state.items.map(item => (

에러는Must use destructuring state assignment

{
            this.state.items.map(item => (
              <div key={item}>
                {
                item.links.map(thing => (
                  <NavLink
                    key={thing.link.id}
                    exact
                    to={thing.link.url}
                  >
                    {thing.link.text}
                  </NavLink>
                ))
                }
              </div>
            ))
          }

eslint-config-airbnb를 사용하고 있습니다.

또한 이것이 관련된 경우 my componentDidMount 함수입니다.

componentDidMount() {
  fetch('./data/data_arr.js')
  .then(results => results.json())
  .then(results => this.setState({ items: results }));
}

이것을 이해하려고 노력한다면 어떤 도움도 좋을 것이다.감사해요.

그 이름:

소품, 상태 및 컨텍스트(반응/파괴-할당)를 파괴하는 일관된 사용을 강제한다.

상세한 것에 대하여는, 여기를 참조해 주세요.파괴-할 수 있습니다.

이 경고/오류를 없애려면 다음과 같이 할 수 있습니다.

      ...
      const { items }= this.state;
      ...
      {
        items.map(item => (
          <div key={item}>
            {
            item.links.map(thing => (
              <NavLink
                key={thing.link.id}
                exact
                to={thing.link.url}
              >
                {thing.link.text}
              </NavLink>
            ))
            }
          </div>
        ))
      }

언급URL : https://stackoverflow.com/questions/52638426/eslint-must-use-destructuring-state-assignment