react获取select选中的值_React-受控组件和非受控组件

受控组件

在React官网有给出这样的简述：原文链接

在 HTML 中，表单元素（如 <input>、 <textarea> 和 <select>）通常自己维护 state，并根据用户输入进行更新。而在 React 中，可变状态（mutable state）通常保存在组件的 state 属性中，并且只能通过使用 setState()来更新。
我们可以把两者结合起来，使 React 的 state 成为“唯一数据源”。渲染表单的 React 组件还控制着用户输入过程中表单发生的操作。被 React 以这种方式控制取值的表单输入元素就叫做“受控组件”。

下面就举一个input输入框的例子来进一步了解下：

import React, {
     Component, Fragment } from 'react'

export default class Demohooks extends Component {
    
  constructor(props) {
    
    super(props);
    this.state = {
    
      controllV