css - 如何在我的 react 项目中使用 react-table 中的 css 文件以及 css 模块？

Question

我一直在我的 react 项目中使用 css 模块，最近使用THIS SITE安装了 react-table ，但是我在导入它的 css 文件时遇到了问题。react-table 的来源说我需要从 react-modules 导入 css 文件，例如：

import "react-table/react-table.css";

但它不起作用。我认为它与使用 css 模块有关，但我不知道如何修复它。我找到了关于这个问题的THIS THREAD，但不明白是否真的有解决方案。

Answer 1

从 'react-table-6' 导入 ReactTable

导入'react-table-6/react-table.css'

这解决了我的问题。供参考： https ://www.npmjs.com/package/react-table-6

Answer 2

如果你想要完整的 .js 环境，你可以使用styled-components

我真的通过转换react-table.css为组件来使用它。像这样包装它：

import styled from 'styled-components';

const ReactTableStyles = styled.div`
// react-table.css content
`;
export default ReactTableStyles;

然后在你的 ReactTable 组件中，你只需要像这样嵌套在它里面：

   <ReactTableStyles>
      <ReactTable
        ... />
   </ReactTableStyles>

希望它可以帮助某人。