reactjs - 标记上的 prop 'component' 值无效

Question

我收到一条错误消息，指出标签上的属性“组件”值无效。

下面是我的组件中的代码。

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

这个错误是什么意思？

Answer 1

回答您的其他问题:

I understand what i was doing wrong.. however, just wondering why would this throw a warning saying that its an invalid prop? what prompts it to throw that warning. If i have a custom component and I pass some random prop to it, it doesn't result in a warning .. why does it happen here though?

这是因为Link组件将它不使用的所有 Prop 传递给 <a>标签。 React 发现您正在分配 component支撑<a>并且它对该元素来说是无效的 prop，因此它会抛出警告。

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

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

需要明确的是，这与 PropType 无关。据我所知，PropTypes 没有选项可以在传递未指定的 prop 时抛出错误。