File tree 1 file changed +3
-3
lines changed
1 file changed +3
-3
lines changed Original file line number Diff line number Diff line change @@ -6,7 +6,7 @@ permalink: docs/uncontrolled-components.html
6
6
7
7
在大多数情况下,我们推荐使用 [ 受控组件] ( /docs/forms.html ) 来处理表单数据。在一个受控组件中,表单数据是由 React 组件来管理的。另一种替代方案是使用非受控组件,这时表单数据将交由 DOM 节点来处理。
8
8
9
- 要编写一个非受控组件,而不是为每个状态更新都编写数据处理函数,你可以 [ 使用 ref] ( /docs/refs-and-the-dom.html ) 来从DOM 节点中获取表单数据。
9
+ 要编写一个非受控组件,而不是为每个状态更新都编写数据处理函数,你可以 [ 使用 ref] ( /docs/refs-and-the-dom.html ) 来从 DOM 节点中获取表单数据。
10
10
11
11
例如,下面的代码使用非受控组件接受一个表单的值:
12
12
@@ -39,7 +39,7 @@ class NameForm extends React.Component {
39
39
40
40
[ ** 在 CodePen 中尝试** ] ( https://codepen.io/gaearon/pen/WooRWa?editors=0010 )
41
41
42
- 因为非受控组件将真实数据储存在 DOM 节点中,所以再使用非受控组件时,有时候反而更容易同时集成 React 和非 React 代码。如果你不介意代码美观 ,并且希望快速编写代码,使用非受控组件往往可以减少你的代码量。否则,你应该使用受控组件。
42
+ 因为非受控组件将真实数据储存在 DOM 节点中,所以再使用非受控组件时,有时候反而更容易同时集成 React 和非 React 代码。如果你不介意代码美观性 ,并且希望快速编写代码,使用非受控组件往往可以减少你的代码量。否则,你应该使用受控组件。
43
43
44
44
如果你还是不清楚在某个特殊场景中应该使用哪种组件,那么你可以阅读 [ 这篇关于受控和非受控输入组件的文章] ( http://goshakkk.name/controlled-vs-uncontrolled-inputs-react/ ) 来了解更多。
45
45
@@ -76,7 +76,7 @@ render() {
76
76
77
77
在 React 中,` <input type="file" /> ` 始终是一个非受控组件,因为它的值只能由用户设置,而不能通过代码赋予。
78
78
79
- 您应该使用 File API 与文件进行交互。下面的例子显示了如何创建一个 [ DOM 节点的 ref] ( /docs/refs-and-the-dom.html ) 从而在提交时获取文件的信息 。
79
+ 您应该使用 File API 与文件进行交互。下面的例子显示了如何创建一个 [ DOM 节点的 ref] ( /docs/refs-and-the-dom.html ) 从而在提交表单时获取文件的信息 。
80
80
81
81
` embed:uncontrolled-components/input-type-file.js `
82
82
You can’t perform that action at this time.
0 commit comments