Выберите тег HTML, который не отображается в DOM ReactJS

Question

В настоящее время я рендеринг компонента реагирования, который должен иметь форму выбора, но выбор не рендеринг. Не только в этом компоненте, но и во всем приложении. Не уверен, что именно происходит, но похоже на действительно очевидный ответ, который я просто не получаю. В настоящее время я использую стек MERN, с реакцией-редуксом. Ниже приведен код:

render () {
    const { book } = this.props;
    return (
      <div className="book">
        <div className="book-cover" style={{ width: 128, height: 193, backgroundImage: `url(${book["imageLinks"]["thumbnail"]}`}}></div>
        <div className="book-title">{book["title"]}</div>
        <p>{book["authors"]}</p>
        <form onSubmit={this.onSubmit}>
          <select id="status" name="status" onChange={this.setStatus}>
            <option value="" >Add to...</option>
            <option value="currentlyReading">Currently Reading</option>
            <option value="wantToRead">Want to Read</option>
            <option value="read">Read</option>
          </select>
          <Button color="dark" block> Add Book </Button>
        </form>
        </div>

Форма выбора просто не отображается нигде на экране. Не уверен, что делать с этим вопросом, любые рекомендации будут с благодарностью.