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

Question

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

我已经在我的终端上安装了这个包：

bit import nexxtway.react-rainbow/button

link: 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';

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

Cannot import anything from bit.dev to my React project

javascript

npm

reactjs

yarnpkg

bit.dev