Javascript React中的物料界面：make<；纸张>；组件可点击

我想使纸张组件可点击。我怎样才能做到这一点？我尝试在标签中设置id属性，比如（）然后使用DOM添加事件监听器，但它不起作用。关于如何在纸张组件中添加单击，我一直没有主意。 请注意，纸张是一个div，所以我不明白为什么不能添加单击事件。谢谢 我的代码：

....

尝试使用

图标按钮包装纸组件

：

<span>
    <Grid item xs={12} sm={12} md={6} lg={4} xl={4} spacing={5} key={something}>
        <IconButton>
            <Paper className={classes.paper} onClick={}>
                 ....
            </Paper>
        </IconButton>
    </Grid>
</span>

....

你不能。无法单击纸张。在物料界面查看单据。还有，你为什么要点击纸张？纸张使背景颜色不同，只是为了风格。

<span>
    <Grid item xs={12} sm={12} md={6} lg={4} xl={4} spacing={5} key={something}>
        <IconButton>
            <Paper className={classes.paper} onClick={}>
                 ....
            </Paper>
        </IconButton>
    </Grid>
</span>