Reaja a melhor maneira de forçar o componente a atualizar
this.forceUpdate();
Colorful Capuchin
this.forceUpdate();import React, { useState } from 'react';
//create your forceUpdate hook
function useForceUpdate(){
const [value, setValue] = useState(0); // integer state
return () => setValue(value => value + 1); // update the state to force render
}
function MyComponent() {
// call your hook here
const forceUpdate = useForceUpdate();
return (
<div>
{/*Clicking on the button will force to re-render like force update does */}
<button onClick={forceUpdate}>
Click to re-render
</button>
</div>
);
}const [, forceUpdate] = useReducer(x => x + 1, 0);
function handleClick() {
forceUpdate();
}