react 事件绑定
时间: 2023-11-17 12:57:13 浏览: 95
react-react面试题之事件绑定方式.zip
在 React 中,事件绑定可以通过在 JSX 中直接使用 onXxx 属性来实现,其中 Xxx 表示具体的事件名称,例如 onClick、onKeyDown 等。具体用法如下:
```jsx
function handleClick() {
console.log('Button clicked');
}
function App() {
return (
<button onClick={handleClick}>Click me</button>
);
}
```
在上面的代码中,我们定义了一个 handleClick 函数来处理按钮的点击事件,并将它作为 onClick 属性的值传递给按钮组件。当用户点击按钮时,React 会自动调用 handleClick 函数。
阅读全文