問題タブ [use-ref]

ボタンでスタイル付きコンポーネント div を作成する必要があります。ボタンは div のサイズを生成します。次に、div コンポーネント内にネストされたコンポーネントがサイズを表示します。forwardRef を使用する必要があり、両方のコンポーネントが機能する必要があります。

基本コンポーネント コード:

コンポーネントは、props の幅と高さを持つ単純なスタイル付きコンポーネント div です。参照は問題なく取得されます。コンソールに出力でき、要素の現在のサイズが表示されます。しかし、innerRef.current.offsetWidth を介して幅/高さの値を取得しようとすると、前の世代の結果が取得されます。コードは次のとおりです。

どんな助けにも感謝します。私はあまりにも長い間答えを探していましたが、それほど難しい作業ではありません...

コード レビューを行っているときに、次のカスタム フックを見つけました。

このフックは次のように使用されます。

基本的に、const f = useCallBack(() => { // do stuff }, [dep1, dep2])これと比較して、依存関係のリストを宣言することを回避しf、依存関係の 1 つが変更されても変更されません。

このコードについてどう考えるべきかわかりません。useLastVersionと比較して使用することの欠点がわかりませんuseCallback。