1
我有三個材料的UI下拉菜單。我希望當我選擇一個狀態值改變時,這部分是正確的,但是它不正確,因爲它改變了其他下拉菜單的值,我該如何解決這個問題?多個下拉菜單狀態
import React,{Component} from 'react';
import DropDownMenu from 'material-ui/DropDownMenu';
import MenuItem from 'material-ui/MenuItem';
class DateOfBirth extends Component{
constructor(props){
super(props)
this.state ={
year: '2005',
month: '08',
day: '10',
value: 1
}
}
handleChange = (event, index, value) => {
this.setState({value});
}
componentWillMount(){
const {date} = this.props
console.log(date)
}
render(){
return(
<div>
<p>Date Of Birth</p>
<DropDownMenu
value={this.state.value}
onChange={this.handleChange}>
<MenuItem value={1} primaryText="Year" />
<MenuItem value={this.state.year} primaryText={this.state.year} />
</DropDownMenu>
<DropDownMenu
value={this.state.value}
onChange={this.handleChange}
>
<MenuItem value={1} primaryText="Month" />
<MenuItem value={this.state.month} primaryText={this.state.month}/>
</DropDownMenu>
<DropDownMenu
value={this.state.value}
onChange={this.handleChange}
>
<MenuItem value={1} primaryText="Day" />
<MenuItem key="day" value={this.state.day} primaryText={this.state.day} />
</DropDownMenu>
</div>
)
}
}
export default DateOfBirth
謝謝,是有辦法,我可以設置在handleState功能的狀態呢? – Dumisani
檢查更新後的答案:) –
感謝男人它效果不錯:) – Dumisani