react 事件修饰符

在 React 中，事件修饰符是一些可选的参数，可以用于处理事件。它们以 on 开头，后面跟着事件名称，例如 onClick、onKeyDown 等。以下是 React 中可用的事件修饰符：

1. preventDefault(): 阻止事件的默认行为。
2. stopPropagation(): 阻止事件的冒泡传播。
3. nativeEvent: 通过原生事件访问浏览器的事件对象。
4. persist(): 在异步事件处理中保留对事件池的引用，以便可以在稍后访问事件属性。

使用示例：

function handleClick(event) {
  event.preventDefault();
  console.log('Clicked!');
}

function handleKeyPress(event) {
  if (event.key === 'Enter') {
    event.stopPropagation();
    console.log('Enter key pressed!');
  }
}

<button onClick={handleClick}>Click Me</button>

<input type="text" onKeyDown={handleKeyPress} />

在上面的代码中，当用户点击按钮时，会调用 handleClick 函数，并通过 preventDefault() 方法阻止了按钮的默认行为。当用户在输入框中按下 Enter 键时，会调用 handleKeyPress 函数，并通过 stopPropagation() 方法阻止事件冒泡传播。