React选择不在html上显示

Question

我有一个div应该显示一个下拉菜单，该菜单从我的数据库中获取值并显示在下拉列表中。下拉列表根本没有显示，但是当我检查页面并在那里挖掘什么时，下拉列表就在那里，但我无法看到它。

        <div className="row">
            <div className="col s12 infoLanguageTop">
                <div className="card infoLanguageTop">
                    <div className="card-content">
                        <span className="card-title">Deck Name: </span>
                            <div className='container'>
                                <select value={this.state.decks} onChange={this.handleDeckChange}>
                                    {this.state.decks.map(decks => (
                                        <option value={decks.deckName} />
                                    ))}
                                </select>
                            </div>
                            <div>
                                I am writing in: 
                                <Dropdown options={languageOptions} onChange={this._onSelect} placeholder="Select a language" />
                            </div>

                            <div>
                                I would like to translate to: 
                                <Dropdown options={languageOptions} onChange={this._onSelect} placeholder="Select a language" />
                            </div>
                    </div>
                </div>
            </div>
        </div>