无法将任何东西从bit.dev导入到我的React项目

Question

我有一个React项目；我试图从bit.dev导入一个组件，但由于某种原因它无法工作。

我已将该软件包安装在我的终端上，使用：

bit import nexxtway.react-rainbow/button

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

它还以依赖项键添加到我的package.json文件中：

"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';