反応 v19 – 反応

ここで、不一致の差分を含む 1 つのメッセージをログに記録します。

プロバイダーとして

React 19 では、レンダリングできます。 の代わりにプロバイダーとして :

const ThemeContext = createContext('');
function App({children}) {
  return (
    ThemeContext value="dark">
      {children}
    ThemeContext>
  );  
}

新しいコンテキストプロバイダーが使用できる また、既存のプロバイダーを変換する codemod を公開する予定です。将来のバージョンでは非推奨になります 。

参照のクリーンアップ関数

からのクリーンアップ関数を返すことをサポートするようになりました。 ref コールバック:

input
  ref={(ref) => {
    return () => {
    };
  }}
/>

コンポーネントがアンマウントされると、React はコンポーネントから返されたクリーンアップ関数を呼び出します。 ref 折り返し電話。これは、DOM 参照、クラス コンポーネントへの参照、および useImperativeHandle。

ref クリーンアップ関数の導入により、 ref コールバックは TypeScript によって拒否されるようになります。修正は通常、暗黙的な戻り値の使用を停止することです。次に例を示します。

- div ref={current => (instance = current)} />
+ div ref={current => {instance = current}} />

元のコードは、 HTMLDivElement TypeScript はこれがそうなのかどうかを知りません。 想定 クリーンアップ関数にするか、クリーンアップ関数を返したくない場合。

このパターンをコードモッドすることができます no-implicit-ref-callback-return。

useDeferredValue 初期値

を追加しました initialValue というオプション useDeferredValue:

function Search({deferredValue}) {
  const value = useDeferredValue(deferredValue, '');
  return (
    Results query={value} />
  );
}

いつ 初期値 提供されており、 useDeferredValue として返します value コンポーネントの最初のレンダリングに使用し、バックグラウンドでの再レンダリングをスケジュールします。 遅延値 戻ってきました。

詳細については、を参照してください。 useDeferredValue。

ドキュメントメタデータのサポート

HTML では、次のようなドキュメントのメタデータ タグが使用されます。