React JSX:選択された<select>オプションで「selected」を選択
<select>メニューのReactコンポーネントでselected、アプリケーションの状態を反映するオプションの属性を設定する必要があります。 ではrender()、optionState状態の所有者からSortMenuコンポーネントに渡されます。オプション値はprops、JSONから渡されます。 render: function() { var options = [], optionState = this.props.optionState; this.props.options.forEach(function(option) { var selected = (optionState === option.value) ? ' selected' : ''; options.push( <option value={option.value}{selected}>{option.label}</option> ); }); // pass {options} to the select menu jsx ただし、JSXコンパイル時に構文エラーがトリガーされます。 これを行うと、構文エラーはなくなりますが、明らかに問題は解決しません。 var selected = (optionState === option.value) ? 'selected' : 'false'; …