将参数传递给 onClick 函数答案

【问题标题】：Pass a Parameter to an onClick Function将参数传递给 onClick 函数
【发布时间】：2017-11-24 18:37:40
【问题描述】：

我使用来自 NASA 每日图片的 API 创建了一个 React 单页应用程序，并在抽屉中添加了一个列表，其中包含所显示图像的历史记录，并且仅显示其日期。

我有一个 Material-UI 列表项，我想将一个参数传递给它的 onClick 函数。当我单击抽屉上的特定日期时，我希望它显示该特定日期的图像。

这里我要传递参数索引：

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]));
}

【问题讨论】：

标签： javascript reactjs onclick onclicklistener single-page-application

【解决方案1】：

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

【讨论】：