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版本。