问React建议以列表的形式显示

EN

import {Typeahead} from 'react-bootstrap-typeahead';
import { FormGroup, FormControl as Control } from 'react-bootstrap';
import 'react-bootstrap-typeahead/css/Typeahead.css';
import React, { Component } from 'react'

class Typeaheadsearch extends React.Component {
   state = {
    multiple: false,
  };

  render() {
    const {multiple} = this.state;

    return (
      <div>
        <Typeahead
          labelKey="name"
          multiple={multiple}
          options={[
            'Green',
            'Yellow',
            'Orange',
            'Red'
          ]}
          placeholder="Choose a name..."
        />
        <FormGroup>
          <Control
            checked={multiple}
            onChange={(e) => this.setState({multiple: e.target.checked})}
            type="checkbox">
          </Control>
        </FormGroup>
      </div>
    );
  }
}

export default Typeaheadsearch

class App extends Component {

  render() {
    return <Typeaheadsearch />
  }
}