我正在尝试在我的反应应用中使用第三方组件。
我已使用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;
以下是它显示的内容: