react类组件 获取input输入的值

React 类组件获取input输入值可以通过使用React的状态管理机制来实现。下面是一个简单的步骤说明：

1. 在类组件中使用 `useState` 钩子（hook）来创建一个状态变量和一个设置该状态的函数。这个状态变量将用来存储input的值。
2. 在render方法或者函数组件中，创建一个`<input>`元素，并使用`value`属性将其与状态变量绑定。
3. 使用`onChange`事件处理器来监听input元素的值变化。每当input的值变化时，通过设置状态的函数更新状态变量，这样React就会重新渲染组件，并且input元素的`value`也会更新为最新的状态值。

下面是一个简单的例子：

import React, { Component } from 'react';

class MyInputComponent extends Component {
  constructor(props) {
    super(props);
    // 创建状态变量和设置状态的函数
    this.state = {
      inputValue: ''
    };
    // 绑定事件处理函数
    this.handleChange = this.handleChange.bind(this);
  }

  // 事件处理函数
  handleChange(event) {
    // 更新状态，从而更新input的值
    this.setState({ inputValue: event.target.value });
  }

  render() {
    // 使用状态变量来设置input的value
    return <input type="text" value={this.state.inputValue} onChange={this.handleChange} />;
  }
}

export default MyInputComponent;

在上面的代码中，每当用户在input框中输入内容时，`handleChange` 方法会被调用，`this.state.inputValue` 会被更新为当前的input值，从而触发组件的重新渲染。