当前位置: 首页 > 知识库问答 >
问题:

反应材料界面,我如何知道我可以使用onClick for按钮?

栾和玉
2023-03-14

文档上的属性列表不包括onClark(http://www.material-ui.com/#/components/icon-button)

如何知道需要使用onClick for click处理程序

共有3个答案

长孙深
2023-03-14

请记住,您可以在每个有DOM渲染器的组件中使用onClark,因为它是一个本机React事件(它不一定是按钮组件)。

例1:

<Paper
  className={classes.paper}
  onClick={() => {
    alert("✔️ This works on every component!");
  }}
>
  Click me!
</Paper>

例2:

⬇ 在网上玩吧⬇

费星晖
2023-03-14

您可以在上添加一个包装器

实例

render() {
  return <div class="font-icon-wrapper" onClick={this.fontIconClick}>
    <IconButton iconClassName="muidocs-icon-custom-github" />
  </div>
}

这肯定有用。。。

张瀚漠
2023-03-14

材质UI文档未列出标准React(本机浏览器)事件:

https://facebook.github.io/react/docs/events.html#mouse-事件

这是因为您应该已经知道可用的本机事件。例如,您还可以使用onWheel。如果包含所有本机事件,那么这将是一个冗长而多余的列表。

正如kouak所解释的,其他道具(如onClark)会传递给相关的子组件。

随机示例:

<Button color="primary" onClick={() => { console.log('onClick'); }}>
    Primary
</Button>
 类似资料:
  • 我正在用react.js和Material UI制作一个应用程序。 我将table组件用于我的应用程序。我可以改变列的宽度,但我不能改变表的宽度。 表格的宽度应与表头组件的宽度相同。(紫色)。 我怎样才能做到这一点呢? 请在下面找到当前视图。我会很感激任何建议。非常感谢你事先的帮助。 index.js style.css **编辑**

  • NPM ERR!C:\用户\sammy waweru\AppData\本地\npm-cache_logs\2021-11-19T09_14_33_601Z-debug.logPS C:\用户\sammy waweru\桌面\挑战\链接克隆 截至目前,已审计了41个包中的2099个包 163包正在寻找资金运行了解详细信息 27个漏洞(16个中度,9个高度,2个关键) 要解决所有问题(包括破坏性更改)

  • 问题内容: 每次我运行使用Flask-SQLAlchemy的应用程序时,都会收到以下警告,提示该SQLALCHEMY_TRACK_MODIFICATIONS选项将被禁用。 我试图找出此选项的作用,但是Flask-SQLAlchemy文档尚不清楚该跟踪的用途。 · 如果设置为True(默认值),Flask-SQLAlchemy将跟踪对象的修改并发出信号。这需要额外的内存,如果不需要,可以将其禁用。

  • 嗨,我是一个新的材料设计,我试图使卡片部分响应媒体查询和Flex。由于某种原因,当卡片切换到列时,只显示图像的一部分,而卡片的其余部分(如文本)不再显示。我发现让组件响应非常混乱。我是不是漏掉了什么?

  • 我已成功地将gltf对象加载到我的react three fiber场景中。现在,我想将材质附着到模型。在这个模型上可以使用标准材料吗?以下是我尝试过的: 常量形状=(道具)=

  • 问题内容: 我正在尝试为订阅编写通用包装,例如: 假设有一个我想使用的库,其中包含一个subscription方法,但是使用了一个库。我希望能够执行以下操作: 目前,我认为这样的转换是不可能的。而且我不想修改基础库,因为包装器应该与库实现无关。 我已经看到有没有一种方法可以投射Structs以便通过通道发送,但是在那种情况下,可以根据需要修改应用程序。在这里,它不能。这可能吗?有没有更好的办法?