Olá, estou utilizando typescript para fazer este curso de React e estou com um pequeno problema, ao passar a função de criação de notas do App.tsx para meu componente NewNoteForm o Node está dizendo que a propriedade onNewNote (propriedade personalizada que estou tentando criar) não é assignable, e quando tento utilizar esta propriedade dentro do componente ele ainda diz que ela não existe. Gostaria de saber qual seria a forma correta de criar propriedades utilizando o Typescript no lugar do JS.
export default class App extends Component {
newNote(title: string, text: string) {
console.log(`${title} ${text}`);
}
render() {
return (
<section className="content">
<NewNoteForm onNewNote={this.newNote} />
<NotesList />
</section>
);
}
}
// onNewNote <-- problema aqui: Type '{ onNewNote: (title: string, text: string) => void; }' is not assignable to type 'IntrinsicAttributes & IntrinsicClassAttributes<NewNoteForm> & Readonly<{}> & Readonly<{ children?: ReactNode; }>'.
export default class NewNoteForm extends Component {
[...]
private createNote = (event: FormEvent<HTMLFormElement>) => {
event.preventDefault();
event.stopPropagation();
this.props.newNote(this.title, this.text);
}
[...]
}
// this.props.newNote <-- problema aqui: Property 'newNote' does not exist on type 'Readonly<{}> & Readonly<{ children?: ReactNode; }>'