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

Question

I have a React project; I am trying to import a component from bit.dev, but it does not work for some reason.

I have installed the package on my terminal using:

bit import nexxtway.react-rainbow/button

link: https://bit.dev/nexxtway/react-rainbow/button

It added to my package.json files in dependencies key as well:

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

and I am trying to use it on my App.js file as:

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

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

It either gives me an error or nothing it appears as an empty <div> .

Answer 1

According to the docs you have imported the button incorrectly -

change

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

to

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