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