Angenommen, ich befinde mich in dieser Situation:

const [data, setData] = useState([]);

und stecke es hinein useImperativeHandle so:

useImperativeHandle(ref, () => ({
   data,
}));

Wenn ich useEffect verwende, um zu verfolgen, ob sich der Status wie folgt ändert:

useEffect(() => {
   console.log(componentRef.current.data);
}, [componentRef.current.data])

Es funktioniert nicht, nur wenn ich es manuell überprüfe, als ob es eine Schaltfläche gäbe onClick wird es gedruckt, andernfalls ist es nicht zustandsbehaftet. Warum passiert das? Gibt es eine andere Möglichkeit, es zum Laufen zu bringen? Oder ist es die einzige Möglichkeit, den Status auf das übergeordnete Element zu übertragen?