Question

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

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

但是它不起作用。我认为它与使用CSS模块有关，但我不知道如何解决。我发现THIS THREAD与此问题有关，但不知道是否确实有解决方案。

Answer 1

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

我真的通过将const rp = require('request-promise'); const fs = require('fs'); const cheerio = require('cheerio'); async function parseAutodeskSpec(contentsHtmlFile) { const topics = []; const contentsPage = cheerio.load(fs.readFileSync(contentsHtmlFile).toString()); const contentsSelector = '.content_htmlbody table td div div#divtreed0e338374 nobr .toc_entry a.treeitem'; contentsPage(contentsSelector).each(async (idx, topicsAnchor) => { const topicsHtml = await rp(topicsAnchor.attribs['href']); console.log("topicsHtml.length: ", topicsHtml.length); }); console.log("AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA"); return topics; }转换为组件来使用zen。像这样包装它：

react-table.css

然后在ReactTable组件中，您只需要这样嵌套在其中：

import styled from 'styled-components';

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

希望它可以帮助某人。

Answer 2

从“ react-table-6”导入ReactTable

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

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

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

2 个答案: