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

Question

我正在使用 ESLint 对我的 React 应用程序进行 lint，对于具有className的Link组件，我收到以下警告：

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

我明白了这是怎么回事，我意识到我可以关闭这条规则，但我宁愿以“正确”的方式做事……

这是我的组件 -

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

并且一切正常……但是对于这种情况有最佳实践吗？ 对于我创建的组件，我当然可以将className放在组件中最外面的 DOM 节点上，但是对于组件链接Link应该如何处理呢？

Answer 1

根据这个链接。 您可以关闭此规则或将className放在 DOM 节点上。

Answer 2

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

就像这样：

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

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