小编Tus*_*pta的帖子

导出react-bootstrap时如何使用Glyphicons

我有2个项目:Project1Project2

Project1使用react-bootstrapProject1使用react-bootstrap的所有组件,并在react-bootstrap组件上创建包装器(不要问为什么,这是必需的)。Project2应该使用Project1(导出时)作为react-bootstrap的包装器库。

项目1- >

index.js:

import { Bootstrap } from 'bootstrap/dist/css/bootstrap.css';
...
import Glyphicon from './src/components/Glyphicon';
...
export default {
...
Glyphicon,
...
};
Run Code Online (Sandbox Code Playgroud)

src / components / Glyphicon.jsx:

import React, { PropTypes } from 'react';
import { RBGlyphicon } from 'react-bootstrap';

const Glyphicon = props => (
  <RBGlyphicon
    id={props.id}
    bsClass={props.clClass}
    glyph={props.glyph}
  />
);

Glyphicon.defaultProps = {
  id: undefined,
  clClass: 'glyphicon',
  glyph: undefined,
};

Glyphicon.propTypes = { …
Run Code Online (Sandbox Code Playgroud)

fonts glyphicons webpack react-bootstrap webpack-dev-server

4
推荐指数
1
解决办法
7405
查看次数