<a> tag

Question

I'm getting an error saying an invalid value for prop 'component' on tag.

Below is the code I have in my component.

<Link to="/posts" component={Posts}>
    See Posts
</Link>

上的prop'component'值无效

此错误是什么意思？

Answer 1

要回答您的其他问题：

  

我了解我在做什么错..但是，只是想知道为什么   这会发出警告说它是无效的道具吗？什么   提示它引发该警告。如果我有一个自定义组件并且我   通过一些随机的道具，它不会导致警告..为什么   会在这里发生吗？

这是因为Link组件会将所有不使用的道具传递给<a>标签。 React认为您正在component上分配一个<a>道具，并且该元素对该元素无效，因此会引发警告。

您可以在React Router源中看到它-它是一个简单的组件。

https://github.com/ReactTraining/react-router/blob/master/packages/react-router-dom/modules/Link.js

需要明确的是，这与PropTypes无关。据我所知，当传递未指定的道具时，PropTypes没有选项会引发错误。

Answer 2

**我回答时为时已晚。但这是避免该错误的主要主题** {

[在此输入链接描述] [2]

或者您可以选中此链接以使用此链接进行搜索 [2]：https://reactnavigation.org/docs/hello-react-navigation