问获取输入和选择菜单的值

EN

class SearchBar extends Component {
  constructor () {
    super();
    this.state = {
      age: '',
      name: '',
      selected: ""
    };
    this.handleChange = this.handleChange.bind(this);
    this.handleClick = this.handleClick.bind(this);
  }

  handleChange (evt) {
    this.setState({ [evt.target.name]: evt.target.value });
  }

  render () {
const unique = [...new Set(props.items.map(item => item.position))];
       const items = unique.map((i, index) =>{return ( <option onChange={this.handleChange} value={i} key={index}> {i}</option> )
      });
   return (
      <div>
        <input type="text" name="name" 
          pattern= "/[a-zA-Z]+" onChange={this.handleChange} />
        <input type="number" name="age" 
         min="18" max="40" onChange={this.handleChange} />
 <React.Fragment>
  <select>{items}</select>
 </React.Fragment>
       <button onClick={this.handleClick}>Search</button>
        </div>
    );
  }
}