javascript - 无法将任何内容从 bit.dev 导入我的 React 项目

Question

我有一个 React 项目；我正在尝试从 bit.dev 导入一个组件，但由于某种原因它不起作用。

我已使用以下命令在终端上安装了该软件包：

bit import nexxtway.react-rainbow/button

链接：https ://bit.dev/nexxtway/react-rainbow/button

它也添加到我的 package.json 文件中的 dependencies 键中：

"dependencies": {
  "@bit/nexxtway.react-rainbow.button": "file:./components/button"
}

我正在尝试在我的 App.js 文件中使用它：

import { Button } from '@bit/nexxtway.react-rainbow.button';

class App extends Component {
   render() {
      <Button
         label="Button Brand"
         onClick={() => alert('clicked!')}
         variant="brand" 
      />
   }

它要么给我一个错误，要么什么都不显示为空<div>。

Answer 1

根据文档，您错误地导入了按钮-

改变

import { Button } from '@bit/nexxtway.react-rainbow.button';

至

import Button from '@bit/nexxtway.react-rainbow.button';