Eu estou com dificuldade de interagir uma classe com um componente usando React. Para poder criar um constructor, onde o new
"classe
" seria introduzido dentro do meu componente do React Dom.
Exemplo simples abaixo: existe o botão, e apenas para estudo gostaria de fazer com que o onclick
desse botão ativasse o o new do constructor, criando arrays com o push
assim:
class List {
constructor() {
this.data = [];
}
add(data) {
this.data.push(data);
console.log(this.data);
}
}
class TodoList extends List {}
const minhaLista = new TodoList();
document.getElementByClassName("**inserirtodo**").onclick = () => minhaLista.add("novo todo");
No entanto estou usando React e ainda não estou familiarizado com a integração de classes que eu crio com os componentes do ReactDOM.
eu gostaria de inserir um evento com as características do código acima no botão. Para que o botão gerasse um array escrito "novo todo" dentro do objeto "data"
import React, {Component} from 'react';
import api from "../../services/api"
export default class Main extends Component {
componentDidMount() {
this.loadProducts();
}
loadProducts = () => {
};
render () {
return <div>
<button type="button" className="**inserirtodo**">
click
</button>
</div>
}
}