Estou tentando fazer uma conversão de componente de classe para componente funcional.
O código que tenho é:
constructor(props) {
super(props);
this.state = SelectionToolbarStore.getState();
}
componentDidMount() {
SelectionToolbarStore.addChangeListener(this.handleChange);
}
componentWillUnmount() {
SelectionToolbarStore.removeChangeListener(this.handleChange);
}
handleChange = () => {
this.setState(SelectionToolbarStore.getState());
};
...
O que eu fiz até agora:
const SelectionToolbar = () => {
// constructor(props) {
// super(props);
// this.state = SelectionToolbarStore.getState();
// }
componentDidMount() {
SelectionToolbarStore.addChangeListener(this.handleChange);
}
componentWillUnmount() {
SelectionToolbarStore.removeChangeListener(this.handleChange);
}
handleChange = () => {
this.setState(SelectionToolbarStore.getState());
};
O que eu quero fazer agora é transformar esses componentDidMount()
e componentWillUnmount()
em ReactHooksHooks, mas não estou sabendo como escrever esse.
Também quero se converter this.state = SelectionToolbarStore.getState()
em forma de useState()
Pensei em para const [state, setState] = useState(SelectionToolbarStore.getState());
Mas está correto, não sei se faz sentido.