Estou com esta classe feita em react puro e gostaria de converter em hooks react. Comecei a iniciar mas não saiu como esperado. Seguem os códigos:
class Parent extends React.Component {
constructor(props) {
super(props);
this.state = { name: 'Frarthur' };
this.changeName = this.changeName.bind(this);
}
changeName(newName) {
this.setState({
name: newName
});
}
render() {
return <Child name={this.state.name} onChange={this.changeName} />
}
}
);Agora segue o código que eu estou tentando fazer a conversão:
function Parent () {
const [changeName] = React.useState(name);
const handleIncrement = () => setChange(newName);
return (
<div>
<div>
<div>{name}</div>
<Parent name={this.state.name} onChange={this.changeName} />
</div>
</div>
);
}