通过react中的datalist发送数据

npm install react react-dom

import React from 'react';

class MyComponent extends React.Component {
  render() {
    return (
      <div>
        <input list="datalistId" />
        <datalist id="datalistId">
          <option value="Option 1" />
          <option value="Option 2" />
          <option value="Option 3" />
          {/* 可以添加更多选项 */}
        </datalist>
      </div>
    );
  }
}

export default MyComponent;

import React from 'react';

class MyComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      inputData: ''
    };
  }

  handleInputChange = (event) => {
    this.setState({
      inputData: event.target.value
    });
  }

  render() {
    return (
      <div>
        <input list="datalistId" onChange={this.handleInputChange} value={this.state.inputData} />
        <datalist id="datalistId">
          <option value="Option 1" />
          <option value="Option 2" />
          <option value="Option 3" />
          {/* 可以添加更多选项 */}
        </datalist>
      </div>
    );
  }
}

export default MyComponent;