title: ESLint Must use destructuring state assignment
body: <p>I am getting ESlint error for the following line <code>this.state.items.map(item =&gt; (</code></p>
  
  <p>The error is <code>Must use destructuring state assignment</code></p>
  
  <pre><code>{
              this.state.items.map(item =&gt; (
                &lt;div key={item}&gt;
                  {
                  item.links.map(thing =&gt; (
                    &lt;NavLink
                      key={thing.link.id}
                      exact
                      to={thing.link.url}
                    &gt;
                      {thing.link.text}
                    &lt;/NavLink&gt;
                  ))
                  }
                &lt;/div&gt;
              ))
            }
  </code></pre>
  
  <p>I am using "eslint-config-airbnb"</p>
  
  <p>Also, this is my componentDidMount function if this is related</p>
  
  <pre><code>componentDidMount() {
    fetch('./data/data_arr.js')
    .then(results =&gt; results.json())
    .then(results =&gt; this.setState({ items: results }));
  }
  </code></pre>
  
  <p>Any help to try and understand this would be great. thank you</p>