【问题标题】:How do receive a click event for a table?如何接收表格的点击事件?
【发布时间】:2020-05-23 23:36:18
【问题描述】:

查看以下文档(我认为是官方文档):

它没有提示用户可以点击表格,如果可以点击,也没有提示如何获取该事件。我到处都看到过关于“onClick”如何在各种情况下不起作用以及各种 hack 和解决方法的帖子,但如果它不在官方文档中,那么 Material UI 的位置是否无法点击表格?

如果可能的话,我该怎么做?

【问题讨论】:

    标签: material-ui next.js


    【解决方案1】:

    我希望我没听错。但是可以在 material-ui 的表格组件上使用onClick

    我从 material-ui 文档中获取了 SimpleTable 示例,并将onClick 属性添加到组件中。

    https://codesandbox.io/s/immutable-field-lm7p9?file=/src/SimpleTable.js

    <Table className={classes.table} onClick={() => alert("Table Click")}>
    

    (也适用于单元格和行)

    编辑:

    所以,至于您在 cmets 中的问题: Material-UI Table 组件归根结底是一个 React 组件。

    (您可以查看source 以探索此内容和其他内容)

    每个 React 组件都有已知的 HTML/JS 事件,例如 onClick 等...这些事件获取一旦事件发生作为参数触发的函数(它可能是 alert(),就像我在示例中所做的那样。

    【讨论】:

    • 但是文档没有提到 onClick。你从哪里知道传递给这个函数的参数是什么?
    • 嘿 :) Material-UI Table 组件归根结底是一个 React 组件。每个 React 组件都有已知的 HTML/JS 事件,例如 onClick 等……这些事件会获得一旦事件作为参数发生时触发的函数(它可能是 alert() 就像我在示例中所做的那样。我将编辑我的帖子带有此评论信息。
    • 啊。这还算公平。我也是 React 新手,所以我不知道
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2019-08-31
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多