React导入模式不起作用（来自semantic-ui-react）

Question

我正在尝试将语义UI用于其模式的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";

正如我所看到的，Modal文件夹与软件包中的Dropdown处于同一级别。 任何帮助都将受到欢迎！

谢谢

Answer 1

我认为您的问题的解决方案是以下任一种：

1. 您忘记导入import React, { Component } from "react";

2. 代码的结构。您必须将两个JSX元素包装在一个封闭的标签中，因为它们是相邻的。应该是这样的：

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

3. 您不必分开导入两个组件，因为它们都在semantic-ui-react库中。

希望这会有所帮助