ReactJS RSuite 3 未正确呈现组件

dev*_*mat 0 button styling reactjs

我创建了一个新的使用作出反应的应用程序npx create-react-app test,然后我安装使用rsuitenpm install rsuite和进口ButtonButtonGroupindex.less文件:

import React from 'react';

import { Button, ButtonGroup } from 'rsuite';

// import default style
import 'rsuite/styles/less/index.less'; // or 'rsuite/dist/styles/rsuite.min.css'

function App() {
  return (
    <div className="App">
      <ButtonGroup>
        <Button>
          Hey
        </Button>
        <Button>
          asd
        </Button>
      </ButtonGroup>
    </div>
  );
}

export default App;
Run Code Online (Sandbox Code Playgroud)

但是按钮没有样式,而是显示如下:

在此处输入图片说明

我究竟做错了什么?

文档链接:https : //rsuitejs.com/en/guide/usage

小智 9

虽然有点晚,

但是我通过替换找到了解决方案

    import 'rsuite/styles/less/index.less';
Run Code Online (Sandbox Code Playgroud)

    import 'rsuite/dist/styles/rsuite-default.css';
Run Code Online (Sandbox Code Playgroud)


roo*_*z11 5

套件5.6.1

import 'rsuite/dist/rsuite.min.css';
Run Code Online (Sandbox Code Playgroud)