1、使用Select選擇器時,我們都知道能 使用value值
將所選的屬性獲取。
默認根據此屬性值進行篩選
function handleChange(value) {
console.log(`selected ${value}`);
}
2、但當我們需要獲取多個屬性值時,其實選擇器也有可選屬性供選擇。
所以當我們需要獲取多個屬性值時,可將值賦予title與className
3、示例:
return (
<Option value={index} title={item.startDate} className={item.endDate} key={}>{`${item.year}-${item.endYear}學年${item.semester}`}</Option>
)
handleChangeSemester = (value, e) => {
const {
attendanceStatisticsSection: { semesterTime },
} = this.props;
// 將學期範圍和學期碼傳入下一頁面
this.setState({
startDateRange: e.props.title,
endDateRange: e.props.className,
initSemesterCode: semesterTime[value].semesterCode,
})
如此我們即可在回調函數中獲取多個屬性值