在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ antd中,通過數(shù)組循環(huán)出來的`TimePicker`時間選擇框組件,如果定位其

antd中,通過數(shù)組循環(huán)出來的`TimePicker`時間選擇框組件,如果定位其所在的key

  1. 在antd中,我想通過一個數(shù)組循環(huán)出多個<TimePicker /> 組件,并在組件觸發(fā)onChange時,將對應的值setState到對應下標的time.
...
this.state = {
  peroidTimeArr: [
    {
      day: 4,
      time: '11:57:22',
      hour: 2,
      key: 1
    },
    {
      day: 3,
      time: '11:57:22',
      hour: 2,
      key: 2
    },
  ]
}
...

timeChange(time, timeString)=>{
  console.log(time)
  console.log(timeString)
}


render() {
  return (
    {this.state.peroidTimeArr.map(function(item, index){
      return (<TimePicker data-index={item.key} value={moment(peroidTimeArr[i].time, 'HH:mm:ss')} onChange={ timeChange } />)
    })}
  )
}

antd TimePicker

文檔里提到,onChange的參數(shù)是function(time: moment, timeString: string): void,只能在change事件中國獲取到timetimeString,沒辦法獲取到下標key

不知道網(wǎng)友們有沒有什么奇淫巧技,可以獲得這個值key?

回答
編輯回答
命于你
onChange={ ()=>timeChange(item.key) }
2017年9月11日 22:38