Реактивный модал импорта не работает (от semantic-ui-реагировать) - PullRequest
Новая
       10

Реактивный модал импорта не работает (от semantic-ui-реагировать)

0 голосов
/ 12 января 2019

Я пытаюсь использовать семантический интерфейс для React с его модальным.

Выпадающий список в порядке, но модальный не может загрузить: 

import {DropDown} from "semantic-ui-react";
import {Modal} from "semantic-ui-react";

export default class Builder extends Component {  
  render(){
  return(

   <DropDown/>
   <Modal/>
)
}
}

Консоль возвращает эту ошибку: 

app.js:547 Warning: React.createElement: type is invalid -- expected a string 
(for built-in components) or a class/function (for composite components) but got: undefined
You likely forgot to export your component from the file it's defined in. 
Check the render method of `Portal`.

Я уже пробовал вот так: 

import Modal from "semantic-ui-react";

И, как я увидел, модальная папка находится на том же уровне, что и раскрывающийся список в моих пакетах. Любая помощь будет приветствоваться!

Спасибо

1 Ответ

0 голосов
/ 14 января 2019

Я думаю, что решение вашей проблемы заключается в следующем:

  1. Вы забыли импортировать import React, { Component } from "react";

  2. Структура вашего кода. Вы должны обернуть оба элемента JSX во вложенный тег, так как они находятся рядом. Должно быть так:

    <div> <Dropdown/> <Modal/> </div>

  3. Вам не нужно разделять импорт двух компонентов, поскольку они оба находятся в библиотеке semantic-ui-react.

Надеюсь, это поможет

...