How to properly fetch data with conditional rendering?

Question

React

Hello!

I am faced with the refinement of the site news list component in the admin panel , where in rendering I use a selection of the received data from the state, applying their conditional rendering:

{ this.state.newsList ? 
  this.state.newsList.map((myState) => {
    <div id="news">
      <header data-news={ mystate.id }>{ mystate.title }</header>
      <main>{ mystate.created }</main>
      <footer>Edit</footer>
    </div>
   }) : 'Not news matherials'
}

When the data is in the state, DevTools gave the same error twice:
ReferenceError: mystate is not defined

How to solve this problem?

Answer 1

You have a myState variable in your function, but you use it as mystate
Ps div is still not drawn