无法禁用 ESLint 规则 react/no-unsafe

Question

我正在开发一个 React 网络应用程序，并试图为 class 组件方法 UNSAFE_componentWillUpdate 禁用 ESLint 规则 react/no-unsafe。但是，在 class 组件定义的主体中，以下内容似乎不起作用：

    /* eslint-disable react/no-unsafe, camelcase */
    UNSAFE_componentWillUpdate() {
        ....
    }
    /* eslint-enable react/no-unsafe, camelcase */

或：

    // eslint-disable-next-line react/no-unsafe, camelcase
    UNSAFE_componentWillUpdate() {
        ....
    }

我正在使用 React v16.9 和 ESLint v7.32.0。当我运行我的 lint 命令时，我仍然看到以下警告：

8:8  warning  UNSAFE_componentWillUpdate is unsafe for use in async rendering. Update the component to use componentDidUpdate instead. See https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html  react/no-unsafe

文件中还有其他有效的 ESLint ignore 语句。规则名称是否正确？是否有一些无法禁用的 ESlint 规则？不确定这里可能是什么问题。

Answer 1

尝试将 eslint-disable 注释放在 class 周围，而不是方法周围。例如：

// eslint-disable-next-line react/no-unsafe
export class MyComponent extends React.Component {

    // eslint-disable-next-line camelcase
    UNSAFE_componentWillUpdate() {
        // ...
    }
}

无法禁用 ESLint 规则 react/no-unsafe

Unable to disable ESLint rule react/no-unsafe

reactjs

eslint