react 受控组件和非受控组件？ 纯函数？

React中的受控组件（Controlled Component）和非受控组件（Uncontrolled Component）是两种表单元素的状态管理方式。

受控组件：

是由React组件的状态（state）完全控制的表单元素。
表单元素的值由React组件的state来定义，并且通过onChange事件处理函数来更新state。
当用户输入时，值被React state所管理，并且实时更新。
这种方式消除了组件的局部状态，使整个状态可控。
React官方推荐使用受控表单组件。
受控组件适用于需要精确控制组件值的情况，例如输入框、选择器等表单元素。

非受控组件：

是由DOM自身管理和处理的表单元素。
React组件不追踪或管理表单元素的状态，而是通过引用（ref）来访问表单元素的值和状态。
非受控组件更接近于传统的HTML表单。
组件无需为每个用户输入事件创建事件处理函数，而是从DOM中读取值。
非受控组件适用于不需要精确控制组件值的情况，例如文本区域、文件上传等。

纯函数：

它是一个函数，其返回结果只依赖于它的参数，并且在执行的过程中没有副作用。纯函数在编程中有很多优点，例如可预测性、可测试性和可重用性。在React中，虽然受控组件和非受控组件与纯函数的概念不直接相关，但在编写React组件或处理组件逻辑时，使用纯函数的思想（即避免产生副作用和依赖外部状态）是一个好的实践，有助于保持代码的清晰和可维护性。

需要注意的是，随着React的不断发展和新版本的推出，其最佳实践和推荐方式可能会有所变化。因此，在实际开发中，建议查阅最新的React文档和社区资源，以获取最准确和最新的信息。