样式化组件错误“看起来有一个未知的 prop“responsive”被发送到 DOM，这可能会触发 React 控制台错误。”

Question

我正在使用反应数据表组件，这需要我安装样式组件。

当我在传递列和数据道具后渲染数据表时，我在控制台上收到各种错误，说我使用的某些道具（例如 isActive）存在问题。与此同时，我实际上没有在代码中的任何地方使用该道具

Answer 1

这是对 React-Data-Table-Component、Styled-Components 依赖项的重大更改版本 6

react-data-table-component 库需要更新才能正确使用 styled-components 6。现在，我通过将 styled-components 降级到版本 5 来解决这个问题：

npm install styled-components@5

Answer 2

我也遇到了同样的问题，有一些解决方法可以使其工作，其中之一就是上面提到的（降级软件包），但是，就我而言，解决方法是：

我在我的助手文件中添加了迁移指南中提供的 shouldForwardProp，然后将其导出，瞧！

我想迁移指南非常简单，至少它对我的案例有用，希望对大家有所帮助！

迁移指南 v6

问候

Answer 3

您需要使用https://www.npmjs.com/package/@emotion/is-prop-valid

然后尝试使用这样的包装器：

<StyleSheetManager shouldForwardProp={shouldForwardProp}>
    <App />
</StyleSheetManager>

然后 - 之前答案或类似答案中的 shouldForwardProp 实现。