警告不应为非交互式元素分配鼠标或键盘事件侦听器 jsx-a11y no-noninteractive-element-interactions

这条规则是基于无障碍指南WCAG2.0建立而来的，其目的是为了确保非交互元素不会被误认为是交互式元素，并且不会分配不适当的鼠标或键盘事件处理程序。

这个规则的主要目的是确保开发者不会将无需支持交互性的元素（例如div标签），赋予不适当的事件处理程序，导致用户鼠标或键盘无法与页面交互。例如，请勿将非链接元素a元素（如div），赋予click事件。这将导致键盘用户无法通过Tab键和Enter键访问该元素。

如果您必须有非链接元素具有交互性，请使用onclick或ontouchstart替代按键监听器。或者，您可以考虑将元素更改为交互式元素，例如将元素改为或，以便在访问时获得正确的焦点支持。

规则说明：

- 规则ID: jsx-a11y/no-noninteractive-element-interactions
- 规则标签: jsx-a11y
- 规则描述: 不应为非交互式元素分配鼠标或键盘事件侦听器。
- 更正建议: 请避免将鼠标或键盘事件绑定到非交互式元素上。如果必须具有交互性，请使用onClick或onTouchStart替代按键监听器。