React - 将 className 添加到 Link 组件，ESLint 错误

Question

我正在使用 ESLint 来检查我的 React 应用程序，对于带有 className 的 Link 组件，我收到以下警告：

error Prop 'className' is forbidden on Components react/forbid-component-props

我明白了，我意识到我可以关闭这条规则，但我宁愿按照 'right' 的方式做事...

这是我的组件 -

<Link
    className="edit_link"
    to={`/user/${this.state.user.id}/edit`}>
    Edit
</Link>

一切正常...但是对于这种情况是否有最佳实践？对于我创建的组件，我当然可以将 className 放在组件中最外层的 DOM 节点上，但是对于组件 link Link 应该如何处理呢？小号？

Answer 1

根据this link。您可以关闭此规则或将 className 放在 DOM 节点上。

Answer 2

您使用的是 React 或 React-router-dom 的哪个版本？在 Link 组件中使用 className 标签效果很好。

就像这样：

<Link to={this.props.link} className="whateverClassName">Home</Link>

React 使用 16.3.1 版本，React-router-dom 使用 5.1.2 版本。

React - adding className to Link component, ESLint error