react如何拿输入框的值

在React中获取输入框的值可以通过以下几个步骤实现：

1. 首先，在React组件的状态中定义一个变量来存储输入框的值。可以使用useState钩子函数来创建一个状态变量。

2. 在输入框的onChange事件中，通过事件对象获取输入框的值，并将其更新到状态变量中。

3. 最后，可以通过访问状态变量来获取输入框的值。

下面是一个示例代码：

import React, { useState } from 'react';

function MyComponent() {
  const [inputValue, setInputValue] = useState('');

  const handleInputChange = (event) => {
    setInputValue(event.target.value);
  };

  return (
    <div>
      <input type="text" value={inputValue} onChange={handleInputChange} />
      <p>输入框的值为：{inputValue}</p>
    </div>
  );
}

在上面的代码中，我们使用useState钩子函数创建了一个名为inputValue的状态变量，并将其初始值设置为空字符串。

在handleInputChange函数中，我们通过事件对象event的target.value属性获取输入框的值，并使用setInputValue函数将其更新到状态变量中。

最后，在返回的JSX中，我们将输入框的值绑定到value属性，并在下方展示输入框的值