使用第三方组件库创建反应应用程序

时间:2017-09-11 13:33:50

标签: javascript reactjs

我正在尝试在我的反应应用中使用第三方组件。

我已使用create-react-app创建基本应用。

现在我想将UIKIT Components包含在这个应用程序中。 UIKIT Components

我按照说明安装了它,但没有显示样式等。

import React, { Component } from 'react';
import logo from './logo.svg';

import uikit from 'react-uikit-base';
import Panel from 'react-uikit-panel';

const Component2 = (props) => {
const cssClassNames = uikit.helpers.cleanClasses([
  this.props.classes,
  this.props.className
]);

return <div className={cssClassNames}>
  {this.props.children}
</div>;
};

uikit.base(Component2);


class App extends Component {
  render() {
    return (
       <div className="App">
         <Panel title='Title' badge={{body: 'hot', context: 'danger'}}>
             Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
            eiusmod tempor incididunt ut labore et dolore magna aliqua.
           </Panel>


      </div>
    );
   }
 }

export default App;

以下是它显示的内容:

enter image description here

0 个答案:

没有答案