react 点击获取元素里的值

在 React 中，可以通过 `ref` 属性获取到元素的值。

首先，在组件中定义一个 `ref`：

class MyComponent extends React.Component {
  constructor(props) {
    super(props);
    this.inputRef = React.createRef();
  }

  handleClick = () => {
    console.log(this.inputRef.current.value);
  }

  render() {
    return (
      <div>
        <input type="text" ref={this.inputRef} />
        <button onClick={this.handleClick}>Get Value</button>
      </div>
    );
  }
}

然后，在 `handleClick` 方法中，使用 `ref.current.value` 获取输入框的值。

注意，这里使用了 `React.createRef()` 创建了一个 `ref`，并将其赋值给 `inputRef` 属性。在渲染组件时，将 `ref={this.inputRef}` 属性添加到 `input` 元素上，以便将 `ref` 与元素关联起来。