Реагируйте с семантически-UI-реагировать, JEST и фермент

Question

Я сталкиваюсь с этой ошибкой, когда npm start просто отлично работает с следующим импортом:

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

Но когда я делаю тест npm, он всегда показывает мне:

ReferenceError: Header is not defined

Но когда я изменяю импорт в главном файле на строку ниже, тест 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-реакции о том, как импортировать и использоватьего компоненты.Просто нажмите на значок «Попробуйте» для любого из примеров.