レガシー React API
これらの API は react
パッケージからエクスポートされていますが、新しく書くコードでの使用は推奨されていません。代替手段については、リンク先の個々の API ページを参照してください。
レガシー API
Children
を用いて、props として受け取るchildren
の JSX を操作・変換します。代替手段cloneElement
を用いて、別の要素に基づいて React 要素を作成します。代替手段Component
を用いて、JavaScript クラスとして React コンポーネントを定義します。代替手段createElement
を用いて、React 要素を作成します。通常は代わりに JSX を使用します。createRef
を用いて、任意の値を保持できる ref オブジェクトを作成します。代替手段forwardRef
を用いて、親コンポーネントに ref 経由で DOM ノードを公開できます。isValidElement
を用いて、値が React 要素であるかどうかを確認します。通常はcloneElement
と一緒に使用されます。PureComponent
はComponent
に似ていますが、同じ props での再レンダーをスキップします。代替手段
削除済み API
以下の API は React 19 で削除されました。
createFactory
: 代わりに JSX を使用してください。- クラスコンポーネントの
static contextTypes
: 代わりにstatic contextType
を使用してください。 - クラスコンポーネントの
static childContextTypes
: 代わりにstatic contextType
を使用してください。 - クラスコンポーネントの
static getChildContext
: 代わりにContext.Provider
を使用してください。 - クラスコンポーネントの
static propTypes
: 代わりに TypeScript などの型システムを使用してください。 - クラスコンポーネントの
this.refs
: 代わりにcreateRef
を使用してください。