将参数传递给onClick函数

Question

我使用美国国家航空航天局今日图片中的API创建了一个React单页面应用程序，并在抽屉中添加了一个列表，其中显示了所显示图像的历史记录，并且它仅显示其日期。

我有一个Material-UI列表项，我想向其onClick函数传递一个参数。当我点击抽屉上的特定日期以向我显示该特定日期的图像时，我希望这样。

这里我想传递参数index：

pushDate = () => {
    menu.dates.push(this.state.image.date);
    index = menu.dates.indexOf(this.state.image.date);  
    menu.menuItems.push(
        <List>
            <ListItem onClick={this.handleClose} primaryText={this.state.image.date} leftIcon={<ImagePhoto />} />
        </List>
    );  
}

这是handleClose函数：

handleClose = (date) => {
    this.setState({
        open: false,
        controlledDate: moment(menu.dates[index]),
    });
    this.getImage(moment(menu.dates[index]));
}

Answer 1

应为onClick={() => this.handleClose(this.state.image.date)}