將參數傳遞給onClick函數

Question

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

Answer 1

應該是onClick={() => this.handleClose(this.state.image.date)}