我正在使用react-bootstrap-typeahead組件來預測用戶在文本框中的輸入，但我在設置狀態時遇到問題，以便用戶可以單擊下拉菜單中的選項。到目前為止我的代碼就在這里。該函數handleAddtask在輸入時將任務添加到任務列表，但我無法將其分配給預先輸入下拉列表。（我仍在學習反應，因此任何有關這方面的資源也將不勝感激）。import React, { Component } from "react";import PropTypes from "prop-types";import { Typeahead } from "react-bootstrap-typeahead";class AddWatchlistForm extends Component {? constructor(props) {? ? super(props);? ? this.state = {? ? ? taskName: ""? ? };? ? this.handleAddTask = this.handleAddTask.bind(this);? }? static propTypes = {? ? newTask: PropTypes.func.isRequired? };? render() {? ? return (? ? ? <div className="row">? ? ? ? <div className="col-md-6 col-md-offset-3">? ? ? ? ? <div style={{ margin: "20px" }}>? ? ? ? ? ? <div className="row">? ? ? ? ? ? ? <div className="col-md-6">? ? ? ? ? ? ? ? <Typeahead? ? ? ? ? ? ? ? ? placeholder=""? ? ? ? ? ? ? ? ? onChange={e => this.updateTaskName(e)}? ? ? ? ? ? ? ? ? onClick={(e => this.updateTask(e), this.handleAddTask)}? ? ? ? ? ? ? ? ? value={this.state.taskName}? ? ? ? ? ? ? ? ? onKeyPress={e => this.checkEnterKey(e)}? ? ? ? ? ? ? ? ? labelKey={option =>? ? ? ? ? ? ? ? ? ? `${option.ticker} ${option.security_type}`? ? ? ? ? ? ? ? ? }? ? ? ? ? ? ? ? ? options={[? ? ? ? ? ? ? ? ? ? {? ? ? ? ? ? ? ? ? ? ? "": 0,? ? ? ? ? ? ? ? ? ? ? ticker: "A",? ? ? ? ? ? ? ? ? ? ? security_type: "Stock"? ? ? ? ? ? ? ? ? ? },? ? ? ? ? ? ? ? ? ? {? ? ? ? ? ? ? ? ? ? ? "": 1,? ? ? ? ? ? ? ? ? ? ? ticker: "AA",? ? ? ? ? ? ? ? ? ? ? security_type: "Stock"? ? ? ? ? ? ? ? ? ? },? ? ? ? ? ? ? ? ? ? {? ? ? ? ? ? ? ? ? ? ? "": 2,? ? ? ? ? ? ? ? ? ? ? ticker: "AAA",? ? ? ? ? ? ? ? ? ? ? security_type: "Stock"? ? ? ? ? ? ? ? ? ? },? ? ? ? ? ? ? ? ? ? {? ? ? ? ? ? ? ? ? ? ? "": 3,? ? ? ? ? ? ? ? ? ? ? ticker: "AAAU",? ? ? ? ? ? ? ? ? ? ? security_type: "Stock"? ? ? ? ? ? ? ? ? ? },? ? ? ? ? ? ? ? ? ? {? ? ? ? ? ? ? ? ? ? ? "": 4,? ? ? ? ? ? ? ? ? ? ? ticker: "AACG",? ? ? ? ? ? ? ? ? ? ? security_type: "Stock"? ? ? ? ? ? ? ? ? ? }