react input

React中的`<input>`组件可以用于创建用户输入表单元素，例如文本框、单选框、复选框、下拉框等。以下是一个简单的使用示例：

import React, { useState } from 'react';

function InputExample() {
  const [value, setValue] = useState('');

  const handleChange = (event) => {
    setValue(event.target.value);
  }

  return (
    <div>
      <input type="text" value={value} onChange={handleChange} />
      <p>You entered: {value}</p>
    </div>
  );
}

export default InputExample;

在这个示例中，我们定义了一个名为`InputExample`的组件，它包含一个文本框和一个显示用户输入的段落。我们使用`useState`钩子来定义一个名为`value`的状态变量，它保存文本框中的值。我们还定义了一个名为`handleChange`的函数，它用于更新`value`状态变量。

在`<input>`元素中，我们使用`type="text"`属性来指定输入框类型为文本框。我们还使用`value`属性将`value`状态变量的值绑定到输入框中。最后，我们使用`onChange`事件处理程序来调用`handleChange`函数，以便在用户输入时更新`value`状态变量。