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

Question

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

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

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

Answer 2

您正在使用哪个版本的React或React-router-dom？在className组件中使用Link标签非常有效。

就像这样：

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

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