map indefinido | React: entendendo como a biblioteca funciona

1
resposta

por Felipe da Costa Kraus

| 53.1k xp | 27 posts

Quando coloco a função map, dá erro de indefinido

O código:

class Lista extends Component {

render(){
    return (
        <ul>
        {this.props.notas.map((nota, index) => {
            return (
                <li key={index}>
                    <div>{nota}</div>
                    <section className='card-nota'>
                        <header className='card-nota_cabecalho'>
                        <h3 className='card-nota_texto'>Título</h3>
                        </header>
                        <p>Escreva sua nota</p>
                    </section>
                </li>
            );
        })}
        </ul>   

    );
}

}

Dá o seguinte erro:

Cannot read properties of undefined (reading 'map')

8 | } 9 | render(){ 10 | return (

11 |
| ^ 12 | {this.props.notas.map((nota, index) => { 13 | return ( 14 |

1 resposta

por Bernardo Schmitz dos Santos

| 96.4k xp | 67 posts

Programador

16/03/2022

no App.js você enviou as notas para a Lista?

   <ListaDeNotas notas={this.state.notas}/>

e criou um state para elas no App.js tbm?

  constructor(){
    super();

    this.state = {
      notas:[]
    }
  }