react-antd選擇器選擇多屬性傳值

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,
    })
     
如此我們即可在回調函數中獲取多個屬性值
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章