olá, tudo bem?
Eu fiquei com uma dúvida conceitual simples aqui
Pq que o bind foi utilizado para os métodos: apagarNota e criarNota
Porém não foi utilizado para o state notas?
obrigado
import React, { Component } from "react";
import ListaDeNotas from "./components/ListaDeNotas";
import FormularioCadastro from "./components/FormularioCadastro";
import "./assets/App.css";
import './assets/index.css';
class App extends Component {
constructor(props) {
super();
this.state = {
notas: [],
}
}
criarNota(titulo, texto) {
const novaNota = { titulo, texto }
const novoArrayNotas = [...this.state.notas, novaNota]
const novoEstado = {
notas: novoArrayNotas
}
this.setState(novoEstado)
}
apagarNota(index) {
let arrayNotas = this.state.notas;
arrayNotas.splice(index, 1)
this.setState({ notas: arrayNotas })
console.log(arrayNotas)
}
render() {
return (
<section className="conteudo">
<FormularioCadastro criarNota={this.criarNota.bind(this)} />
<main>
<ListaDeNotas
notas={this.state.notas}
apagarNota={this.apagarNota.bind(this)}
/>
</main>
</section>
);
}
}
export default App;