Skip to content

Commit 5ce17f3

Browse files
committed
Resolve conflicts
1 parent 4081d44 commit 5ce17f3

File tree

5 files changed

+4
-30
lines changed

5 files changed

+4
-30
lines changed

content/docs/getting-started.md

-8
Original file line numberDiff line numberDiff line change
@@ -46,11 +46,7 @@ React をちょっと試してみたい場合、Web 上のコードエディタ
4646

4747
### 新規 React アプリの作成 {#create-a-new-react-app}
4848

49-
<<<<<<< HEAD
5049
新しく React のプロジェクトを始めたい場合でも、まずは[シンプルな HTML ページに script タグを追加](/docs/add-react-to-a-website.html)するのがおすすめです。数分でセットアップできます!
51-
=======
52-
When starting a React project, a [simple HTML page with script tags](/docs/add-react-to-a-website.html) might still be the best option. It only takes a minute to set up!
53-
>>>>>>> d2ade76cce133af47ab198188fa2de03fa51834b
5450

5551
アプリが成長するにつれて、より統合されたセットアップを行うことを考慮していきましょう。大きいアプリの場合におすすめの[様々な JavaScript を用いたツールチェイン](/docs/create-a-new-react-app.html)が存在します。それぞれわずかな設定、もしくは設定要らずでリッチな React のエコシステムをフル活用できます。
5652

@@ -119,11 +115,7 @@ React の[基本コンセプト](/docs/hello-world.html)について慣れてき
119115

120116
他にも [@reactjs](https://twitter.com/reactjs) のツイッターアカウントをフォローすることもできますが、公式ブログを追っていれば大事なことを見落とすことはないでしょう。
121117

122-
<<<<<<< HEAD
123118
全ての React のリリースにブログ記事があるわけではありませんが、リリースごとに詳細に書かれた changelog が [React リポジトリの `CHANGELOG.md`](https://github.com/facebook/react/blob/master/CHANGELOG.md)、および [Releases ページ](https://github.com/facebook/react/releases)に記載されています。
124-
=======
125-
Not every React release deserves its own blog post, but you can find a detailed changelog for every release in the [`CHANGELOG.md` file in the React repository](https://github.com/facebook/react/blob/master/CHANGELOG.md), as well as on the [Releases](https://github.com/facebook/react/releases) page.
126-
>>>>>>> d2ade76cce133af47ab198188fa2de03fa51834b
127119

128120
## バージョン管理されたドキュメント {#versioned-documentation}
129121

content/docs/hooks-reference.md

+2-8
Original file line numberDiff line numberDiff line change
@@ -197,9 +197,7 @@ const value = useContext(MyContext);
197197
>
198198
> `useContext(MyContext)` は現在のコンテクストの値を**読み取り**、その変化を購読することしかできません。コンテクストの値を**設定**するために、今後もツリーの上の階層で `<MyContext.Provider>` が必要です。
199199
200-
<<<<<<< HEAD
201-
=======
202-
**Putting it together with Context.Provider**
200+
**Context.Provider と組み合わせて使用する方法**
203201
```js{31-36}
204202
const themes = {
205203
light: {
@@ -240,11 +238,7 @@ function ThemedButton() {
240238
);
241239
}
242240
```
243-
This example is modified for hooks from a previous example in the [Context Advanced Guide](/docs/context.html), where you can find more information about when and how to use Context.
244-
245-
246-
## Additional Hooks {#additional-hooks}
247-
>>>>>>> d2ade76cce133af47ab198188fa2de03fa51834b
241+
この例は[コンテクストのガイド](/docs/context.html)をフック用に変更したものです。コンテクストをいつどのように使うべきかについては同記事を参照してください。
248242

249243
## 追加のフック {#additional-hooks}
250244

content/docs/lifting-state-up.md

+1-5
Original file line numberDiff line numberDiff line change
@@ -324,11 +324,7 @@ state のリフトアップは双方向のバインディング (two-way binding
324324

325325
props もしくは state から作りだす事のできるデータについては、おそらく state に保持すべきではないでしょう。例えば、今回は `celsiusValue``fahrenheitValue` の両方を保存する代わりに、最後に変更された `temperature` と、その値の `scale` のみを保存しています。もう一方の入力の値は常に `render()` メソッド内で計算することができます。これにより元のユーザ入力の精度を全く損なうことなくもう一方の入力フィールドに丸めを適用したり、もう一方の入力フィールドをクリアしたりできます。
326326

327-
<<<<<<< HEAD
328-
UI で何かおかしな箇所があれば、[React Developer Tools](https://github.com/facebook/react-devtools) を使用して props を調査したり state の更新について責任を持っているコンポーネントに辿り着くまでツリーをさかのぼることができます。これによりバグをその原因まで追いかけることができます。
329-
=======
330-
When you see something wrong in the UI, you can use [React Developer Tools](https://github.com/facebook/react/tree/master/packages/react-devtools) to inspect the props and move up the tree until you find the component responsible for updating the state. This lets you trace the bugs to their source:
331-
>>>>>>> d2ade76cce133af47ab198188fa2de03fa51834b
327+
UI で何かおかしな箇所があれば、[React Developer Tools](https://github.com/facebook/react/tree/master/packages/react-devtools) を使用して props を調査したり state の更新について責任を持っているコンポーネントに辿り着くまでツリーをさかのぼることができます。これによりバグをその原因まで追いかけることができます。
332328

333329
<img src="../images/docs/react-devtools-state.gif" alt="Monitoring State in React DevTools" max-width="100%" height="100%">
334330

content/docs/reference-react.md

-4
Original file line numberDiff line numberDiff line change
@@ -333,11 +333,7 @@ const SomeComponent = React.lazy(() => import('./SomeComponent'));
333333

334334
### `React.Suspense` {#reactsuspense}
335335

336-
<<<<<<< HEAD
337336
`React.Suspense` を使用することで、その配下にレンダーする準備ができていないコンポーネントがあるときにローディングインジケータを指定できます。現在、遅延読み込みコンポーネントは `<React.Suspense>` のみによってサポートされています。
338-
=======
339-
`React.Suspense` lets you specify the loading indicator in case some components in the tree below it are not yet ready to render. Today, lazy loading components is the **only** use case supported by `<React.Suspense>`:
340-
>>>>>>> d2ade76cce133af47ab198188fa2de03fa51834b
341337

342338
```js
343339
// This component is loaded dynamically

content/docs/uncontrolled-components.md

+1-5
Original file line numberDiff line numberDiff line change
@@ -4,11 +4,7 @@ title: 非制御コンポーネント
44
permalink: docs/uncontrolled-components.html
55
---
66

7-
<<<<<<< HEAD
8-
ほとんどの場合では、フォームの実装には[制御されたコンポーネント](/docs/forms.html)を使用することをお勧めしています。制御されたコンポーネントでは、フォームのデータは React コンポーネントが扱います。非制御コンポーネントはその代替となるものであり、フォームデータを DOM 自身が扱います。
9-
=======
10-
In most cases, we recommend using [controlled components](/docs/forms.html#controlled-components) to implement forms. In a controlled component, form data is handled by a React component. The alternative is uncontrolled components, where form data is handled by the DOM itself.
11-
>>>>>>> d2ade76cce133af47ab198188fa2de03fa51834b
7+
ほとんどの場合では、フォームの実装には[制御されたコンポーネント](/docs/forms.html#controlled-components)を使用することをお勧めしています。制御されたコンポーネントでは、フォームのデータは React コンポーネントが扱います。非制御コンポーネントはその代替となるものであり、フォームデータを DOM 自身が扱います。
128

139
非制御コンポーネントを記述するには、各 state の更新に対してイベントハンドラを書く代わりに、[ref を使用](/docs/refs-and-the-dom.html)して DOM からフォームの値を取得します。
1410

0 commit comments

Comments
 (0)