私は別のページのフォームでそのコンポーネントをインポートして使用している再利用可能なSELECTドロップダウンコンポーネントを作成しました。どのように私はフォームの提出時に選択の価値を得るのですか?反応jsのSelect Box(コンポーネント)の価値を取得する方法は?
import React from 'react';
export default class Combobox extends React.Component {
render() {
return (
<div className="combobox-wrapper">
<select className="form-control">
{
this.props.combolist.map(function(item, i) {
return (
<option key={i} value={item.name}>{item.name}</option>
)
})
}
</select>
</div>
);
}
}
import React from 'react';
import Combobox from '../components/Combobox';
export default class Home extends React.Component {
submit(event){
//how to get combobox (Select list) value here
}
render() {
var comboList = [{name: 'Self'},{name: 'Mother'},
{name: 'Father'},{name: 'Domestic Partner'}];
return (
<div>
<div className="col-lg-10 col-md-10 col-sm-10 marginTop20">
<form ref="form" onSubmit={this.submit.bind(this)} >
<div className="row">
<Combobox combolist={comboList} />
</div>
<div className="row">
<input type="submit" value="submit"
className="btn btn-primary" />
</div>
</form>
ありがとうございました。私は思ったよりも簡単でした。 –