Как я могу отправить форму в react js?

#reactjs

Вопрос:

Я новичок в react, не слишком много знаю о react или интерфейсе.

У меня возникли некоторые проблемы с функцией поиска. Во-первых, когда я комментирую свой FormControl, моя функция поиска не работает. Я пытаюсь использовать поиск с автозаполнением.

 <Form
  className="main_form"
  onSubmit={submitHandler}
  inline
  style={{ marginRight: 100 }}
>
  {/* <FormControl className="main_form"
    type="text"
    placeholder="Search for products"
    name='q'
    className="col-md-12 input"
    aria-label="Search"
    onChange={(e) => setKeyword(e.target.value)}
    
/> */}

  <Typeahead
    id="basic-typeahead-single"
    labelKey="name"
    onChange={setSingleSelections}
    options={products}
    placeholder="Search for products"
    selected={singleSelections}
  />

  <Button type="submit" variant="outline-primary" className="main-btn">
    <i class="fas fa-search" style={{ fontSize: 13 }}></i>
  </Button>
</Form>;
 

Это мой подчиненный

 const submitHandler = (e) => {
  e.preventDefault();
  if (Keyword) {
    history.push(`/?keyword=${Keyword}`);
  } else {
    history.push(history.push(history.location.pathname));
  }
};