react函数组件如何定义点击事件函数?
时间: 2023-11-25 14:07:47 浏览: 92
元素绑定click点击事件方法
React函数组件中定义点击事件函数的方式有两种。第一种是使用箭头函数:
```
import React from 'react';
const Button = () => {
const handleClick = () => {
console.log('Button clicked');
};
return (
<button onClick={handleClick}>
Click me
</button>
);
};
export default Button;
```
第二种是使用函数声明:
```
import React from 'react';
function Button() {
const handleClick = () => {
console.log('Button clicked');
};
return (
<button onClick={handleClick}>
Click me
</button>
);
};
export default Button;
```
阅读全文