Skip to content

受控和非受控组件

ref 的值是一个函数,该函数会接受当前元素作为参数,即例子的 input 参数指向的是当前元素。 通过把 input 赋值给了 this.input,进而可以在组件的其他地方通过 this.input 获取这个元素

在使用非受控组件时,我们需要为相应的表单元素设置默认值,但无法通过表单元素的 value 设值 因为在非受控组件中,React 无法控制表单的 value 属性。这种情况可使用 defaultValue 指定默认值


这章介绍了 React 的主要特性及用法。 组件是 React 的核心,根据组件的外部接口 props 和内部接口 state 完成自身的 UI 渲染。

使用组件时需要理解它的生命周期,借助不同的生命周期方法,组件可以实现复杂逻辑。组件在渲染列表数据时,要注意 key 的使用,在事件处理时,要注意事件名和事件处理函数的写法。

最后介绍了 React 中表单元素的方法,表单元素的使用方式分为受控组件(推荐)和非受控组件。

共 20 个模块,1301 篇 Markdown 文档。