我們如何解決 eslint 錯誤<p>標簽“不應為非交互元素分配交互角色”</p>

Question

以下是我嘗試執行但在將其轉換為可訪問鍵盤時遇到錯誤的代碼：:= <p className={styles['clear-text']} onClick={clearAllFilters}> {'Clear All'}</p

Answer 1

這里是官方的解釋https://github.com/jsx-eslint/eslint-plugin-jsx-a11y/blob/master/docs/rules/no-noninteractive-element-to-interactive-role.md 。

簡而言之：要么更改元素類型，要么在 eslint 設置中例外。 關於設置，有2個選項：特殊注釋的全局設置