Skip to content

Commit 14e76a7

Browse files
committed
微修正
1 parent d8c70ef commit 14e76a7

File tree

1 file changed

+11
-11
lines changed

1 file changed

+11
-11
lines changed

src/content/reference/react/isValidElement.md

Lines changed: 11 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ title: isValidElement
44

55
<Intro>
66

7-
`isValidElement` は値が React 要素 (React element) であるかどうかを確認します
7+
`isValidElement` は値が React 要素 (React element) であるかどうかを判定します
88

99
```js
1010
const isElement = isValidElement(value)
@@ -20,7 +20,7 @@ const isElement = isValidElement(value)
2020

2121
### `isValidElement(value)` {/*isvalidelement*/}
2222

23-
`isValidElement(value)` を呼び出して、`value` が React 要素であるかどうかを確認します
23+
`isValidElement(value)` を呼び出して、`value` が React 要素であるかどうかを判定します
2424

2525
```js
2626
import { isValidElement, createElement } from 'react';
@@ -39,25 +39,25 @@ console.log(isValidElement({ age: 42 })); // false
3939

4040
#### 引数 {/*parameters*/}
4141

42-
* `value`: 確認対象の値。任意の型の値を指定できます。
42+
* `value`: 判定対象の値。任意の型の値を指定できます。
4343

4444
#### 返り値 {/*returns*/}
4545

4646
`isValidElement``value` が React 要素であれば `true` を返します。それ以外の場合は `false` を返します。
4747

4848
#### 注意点 {/*caveats*/}
4949

50-
* **[JSX タグ](/learn/writing-markup-with-jsx) [`createElement`](/reference/react/createElement) によって返されるオブジェクトだけが React 要素とみなされます**。例えば、`42` のような数値は有効な React *ノード (node)* ではあります(コンポーネントから返すことができるため)が、有効な React 要素ではありません。配列や、[`createPortal`](/reference/react-dom/createPortal) で作成されたポータルも、React 要素とは*見なされません*
50+
* **React 要素と見なされるのは、[JSX タグ](/learn/writing-markup-with-jsx)[`createElement`](/reference/react/createElement) によって返されるオブジェクトだけです**。例えば、`42` のような数値は有効な React *ノード (node)* ではあります(コンポーネントから返すことができるため)が、有効な React 要素ではありません。配列や、[`createPortal`](/reference/react-dom/createPortal) で作成されたポータルも、React 要素とは*見なされません*
5151

5252
---
5353

5454
## 使用法 {/*usage*/}
5555

56-
### 値が React 要素かどうかを確認する {/*checking-if-something-is-a-react-element*/}
56+
### 値が React 要素かどうかを判定する {/*checking-if-something-is-a-react-element*/}
5757

58-
`isValidElement` を呼び出して、ある値が *React 要素*であるかどうかを確認します
58+
`isValidElement` を呼び出して、ある値が *React 要素*であるかどうかを判定します
5959

60-
React 要素とは以下のようなものです
60+
React 要素とは、以下のようなものです
6161

6262
- [JSX タグ](/learn/writing-markup-with-jsx)を書くことによって生成される値
6363
- [`createElement`](/reference/react/createElement) を呼び出すことによって生成される値
@@ -78,7 +78,7 @@ console.log(isValidElement(createElement(MyComponent))); // true
7878

7979
文字列、数値、または任意のオブジェクトや配列などの他の値は、React 要素ではありません。
8080

81-
それらに対しては、`isValidElement``false` を返します
81+
それらに対しては、`isValidElement``false` を返します
8282

8383
```js
8484
// ❌ These are *not* React elements
@@ -90,7 +90,7 @@ console.log(isValidElement([<div />, <div />])); // false
9090
console.log(isValidElement(MyComponent)); // false
9191
```
9292

93-
`isValidElement` が必要となることは非常に稀です。主に、要素のみを受け入れる他の API(例えば [`cloneElement`](/reference/react/cloneElement) がそうです)を呼び出しており、引数が React 要素でないことによるエラーを避けたい場合に役立ちます
93+
`isValidElement` が必要となることは非常に稀です。これが主に役立つのは、要素のみを受け入れる他の API(例えば [`cloneElement`](/reference/react/cloneElement) がそうです)を呼び出しており、引数が React 要素でないことによるエラーを避けたい場合です
9494

9595
`isValidElement` のチェックを追加するための特段の理由がない限り、おそらくこれは必要ありません。
9696

@@ -115,14 +115,14 @@ React ノードとは、以下のようなものです。
115115
- `true`, `false`, `null`, `undefined`(これらは表示されません)
116116
- 他の React ノードの配列
117117

118-
**`isValidElement` は引数が *React 要素*であるかどうかをチェックしますが、それが React ノードであるかどうかをチェックするわけではありません**。例えば、`42` は有効な React 要素ではありません。しかし、これは完全に有効な React ノードです。
118+
**`isValidElement` は引数が *React 要素*であるかどうかを判定しますが、それが React ノードであるかどうかを判定するわけではありません**。例えば、`42` は有効な React 要素ではありません。しかし、これは完全に有効な React ノードです。
119119

120120
```js
121121
function MyComponent() {
122122
return 42; // It's ok to return a number from component
123123
}
124124
```
125125

126-
したがって、何かがレンダーできるかどうかをチェックする方法として `isValidElement` を使うべきではありません。
126+
したがって、何かがレンダーできるかどうかをチェックする方法として`isValidElement` を使うべきではありません。
127127

128128
</DeepDive>

0 commit comments

Comments
 (0)