React必須のselect要素のデフォルトの使用<option>

Question

Reactのselect要素（それについての弱いドキュメントもあります）に苦しんでいます。

制御された<select>とプレースホルダハック（<option value={null} />）を使用するための「ネイティブ」オプションはありますか？

Reactではこの入力タイプがかなり役に立たないと感じました。

主な目標は以下のとおりです。 - セレクト入力でプレースホルダを持って

- 必要なセレクト入力 を持っている - （モバイルブラウザ、検証&スタイリングの統一、ストレートフォワードスタック） 支援のためにネイティブ入力を使用します

素敵な一日を！

Answer 1

最後に解決されました！

重要なことは、状態からそれを取得するときに、空の値を値とヌルを設定するときにnullに空の文字列を変換することです：

<select 
    required 
    onChange={e => this.setState({select: e.target.value || null})} 
    value={this.state.select || ''} 
    > 
    <option value=''>None</option> 
    ...