Javascript 绑定此-调用删除项

我想请更有经验的同事帮助我理解下面的代码，并让它在我的应用程序中工作

一般目标是从my按钮调用REDUX操作，该操作将从数据库中删除项目

下面是一段适合我的代码：

  <MenuItem onClick={this.props.deleteTrip.bind(this, trip.id)}>
      deleteTrip
  </MenuItem>

事实上，我不太懂这段代码 {this.props.deleteTrip.bind（this，trip.id）}，因此我不确定如何在我的arrow函数中正确使用它来实现此功能。

在

handleDeleteTrip（）

中。没有

行程的定义

  handleDeleteTrip = () => {
    this.setState({
      dialogOpen: false
    });
    this.props.deleteTrip.bind(this, trip.id);
  };

所以你应该把话题转到论点上来。 像这样

  handleDeleteTrip = (trip) => {
    this.setState({
      dialogOpen: false
    });
    this.props.deleteTrip.bind(this, trip.id);
  };
...
              <Button onClick={(e) => this.handleDeleteTrip(trip)} color="primary" autoFocus>
                Delete
              </Button>

handleDeleteTrip=（行程）=>{
这是我的国家({
dialogOpen:false
});
this.props.deleteTrip.bind（this，trip.id）；
};
...
this.handledeletrip（trip）}color=“primary”自动对焦>
删除

它似乎仍然不起作用，但现在我得到了：./src/Trips/Trips.js第145行：“trip”没有定义没有未定义，这说明按钮中没有定义“trip”。阅读这篇关于道具绑定的文章，它将帮助您更好地理解道具的行为

./src/Trips/Trips.js
  Line 57:  'trip' is not defined  no-undef

  handleDeleteTrip = () => {
    this.setState({
      dialogOpen: false
    });
    this.props.deleteTrip.bind(this, trip.id);
  };

  handleDeleteTrip = (trip) => {
    this.setState({
      dialogOpen: false
    });
    this.props.deleteTrip.bind(this, trip.id);
  };
...
              <Button onClick={(e) => this.handleDeleteTrip(trip)} color="primary" autoFocus>
                Delete
              </Button>