Skip to content
Merged
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
18 changes: 9 additions & 9 deletions src/content/reference/react/components.md
Original file line number Diff line number Diff line change
@@ -1,24 +1,24 @@
---
title: "Built-in React Components"
title: "組み込みの React コンポーネント"
---

<Intro>

React exposes a few built-in components that you can use in your JSX.
React は、JSX で使用できるいくつかの組み込みコンポーネントを公開しています。

</Intro>

---

## Built-in components {/*built-in-components*/}
## 組み込みコンポーネント {/*built-in-components*/}

* [`<Fragment>`](/reference/react/Fragment), alternatively written as `<>...</>`, lets you group multiple JSX nodes together.
* [`<Profiler>`](/reference/react/Profiler) lets you measure rendering performance of a React tree programmatically.
* [`<Suspense>`](/reference/react/Suspense) lets you display a fallback while the child components are loading.
* [`<StrictMode>`](/reference/react/StrictMode) enables extra development-only checks that help you find bugs early.
* [`<Fragment>`](/reference/react/Fragment) を使い、複数の JSX ノードをまとめることができます。別の書き方として `<>...</>` があります。
* [`<Profiler>`](/reference/react/Profiler) を使い、React ツリーのレンダーパフォーマンスをプログラム上で測定することができます。
* [`<Suspense>`](/reference/react/Suspense) を使い、子コンポーネントがロードされる間、フォールバックを表示することができます。
* [`<StrictMode>`](/reference/react/StrictMode) を使い、バグを早期に見つけるための追加の開発環境専用チェックを有効化します。

---

## Your own components {/*your-own-components*/}
## 自分自身のコンポーネント {/*your-own-components*/}

You can also [define your own components](/learn/your-first-component) as JavaScript functions.
JavaScript 関数として[自分自身のコンポーネントを定義](/learn/your-first-component)することもできます。