静态元素交互

本文介绍了静态元素交互的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我有以下代码：

Enabled = (id) => {
  let removal = null;
  if (!this.props.disabled) {
    removal = (
      <span
        className="chipRemove"
        onClick={() => this.onDelete(id)}
      >
        x
      </span>)
    ;
  }
  return removal;
}

它运作良好，但是linter给了我：

it works well, but linter is giving me:

jsx-a11y/no-static-element-interactions

如何解决此错误（根据 jsx-a11y ）？

How can I solve this error (according to jsx-a11y)?

推荐答案

来自Doc：

有效的互动元素是：

<a> elements with href or tabIndex props
<button> elements
<input> elements that are not hidden
<select> and <option> elements
<textarea> elements
<area> elements

参考：

这篇关于静态元素交互的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！