如何在list.item中获取按钮onclick的值

时间:2019-03-23 18:22:52

标签: javascript reactjs list button onclick

单击时我无法获得按钮的值。当我console.log BikeID时,什么也没有发生,并且按钮似乎不知道List.item的值。我正在尝试获取按钮以了解“连接”到的ID。

这是一个运行MySQL和PHP的出租系统。我尝试了不同的按钮,输入和变化形式。

...

<List>
{this.bikes.map(bike => (
   <List.Item key={bike.BikeID}>
       {bike.BikeID} - {bike.Status} , {bike.Information}''
         <Button.Success value={bike.BikeID} onClick={e =>(this.BikeID = e.target.BikeID)} onChange={this.move}> Move to Status 1 </Button.Success>
          </List.Item>
        ))}
      </List>

...

move() {
  console.log(this.BikeID);
  bikeService.moveBike(this.BikeID, bikes => {
  this.bikes = bikes;
});
  setTimeout(() => {}, 250);
}

...

预期结果是该按钮可以检测到它属于哪个List.Item(以及哪个BikeID)。

1 个答案:

答案 0 :(得分:0)

有不同的解决方案,各有优缺点。这也取决于您的Button.Success组件。

我不确定您对onChange有什么想法,以及Button组件如何处理单击

lemmatize_strings(corpus[[1]], dictionary = lexico)

其他解决方案可以是:Button组件可以读取e.target.value并将其传递回onClick方法(this.move)。