mui 事件绑定 传参
时间: 2023-08-19 08:54:20 浏览: 56
C#事件传参
5星 · 资源好评率100%
在 MUI(Material-UI)中,可以使用 `onClick` 属性来绑定事件,然后通过函数的方式传递参数。下面是一个示例:
```jsx
import React from 'react';
import Button from '@material-ui/core/Button';
const MyComponent = () => {
const handleClick = (param) => {
console.log(param);
};
return (
<Button onClick={() => handleClick('Hello, World!')}>
Click me
</Button>
);
};
export default MyComponent;
```
在上面的例子中,我们定义了一个 `handleClick` 函数,它接受一个参数 `param`。在 `<Button>` 组件的 `onClick` 属性中,我们使用箭头函数来调用 `handleClick` 函数,并传递参数 `'Hello, World!'`。
当用户点击按钮时,控制台将打印出 `'Hello, World!'`。你可以根据需要修改 `handleClick` 函数来执行你想要的操作。
阅读全文