小包データからReactjsドロップダウンリストの人口

Question

私はドロップダウン選択ボックスを作成しようとしていますが、コンポーネントに渡したデータを使用してそのドロップダウンボックスにリストアイテムを設定しようとしています。私は "Uncaught Invariant Violation"を実行し続けます。入力は空要素タグで、childrenを持たないか、props.dangerouslySetInnerHTMLを使用してはいけません。AssignModalのレンダリングメソッドをチェックしてください。エラーと私はそれを解決する方法がわかりません。ここで私が使用していたコードは次のとおりです。

この機能では、私は動的にここでアイテム

createUserDropdown: function() { 
let items = []; 

for (let i = 0; i < this.props.userData.user_data.length; i++) { 
    items.push(<option key={this.props.userData.user_data[i].id} value={this.props.userData.user_data[i].id}>{this.props.userData.user_data[i].first_name}</option>); 
} 
return items; 
} 

ドロップダウンを生成しようとしています私の機能

render: function() { 
return (
<div> 
    <form className='form-inline' onSubmit={this.handleSubmit}> 
    <input type="select" label="Multiple Select" multiple> 
     {this.createUserDropdown()} 
    </input> 
    </form> 
</div> 
) 
} 

Answer 1

選択が有効でないレンダリングされます入力方式。実際にそれを選択すると、それはそれが子どものオプションである自分のタグです。 <input>から<select>に変更してください。さらに詳しい情報はこちらhttps://developer.mozilla.org/en-US/docs/Web/HTML/Element/select