无法从 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';