使用semantic-ui-react、JEST和enzyme进行反应

Question

我遇到这个错误，npm start在执行下面的import时运行得很好：

import Header from 'semantic-ui-react/dist/commonjs/elements/Header';

但是当我做npm测试时，它总是告诉我：

ReferenceError: Header is not defined

但是，当我将主文件中的import更改为以下行时，npm测试运行良好

import Header from '../node_modules/semantic-ui-react/dist/commonjs/elements/Header';

是否有其他方法可以避免引用从node_modules文件夹导入的内容？

Answer 1

semantic-ui-react将其所有组件导出为命名模块，这样您就不必通过各种路径来获取每个组件。相反，您可以这样做：

import { Button } from 'semantic-ui-react'
import { Header } from 'semantic-ui-react'
import { Container } from 'semantic-ui-react'

这要简单得多，对吧？?，而且，如果semantic-ui-react改变了他们的文件夹结构，你就不需要改变你的代码了。

下面是关于如何导入和使用其组件的semantic-ui-react documentation。只需单击"Try it“图标即可查看任何示例。