小编Pet*_*ran的帖子

为什么我的React Bootstrap Glyphicons不显示?

我正在使用React Bootstrap的Glyphicon组件,但没有一个字形显示.到目前为止,这是我的代码:

Index.js

import React from 'react';
import ReactDOM from 'react-dom';
import Global from './components/Global';

ReactDOM.render(
    <Global />, 
    document.getElementById('root')
);
Run Code Online (Sandbox Code Playgroud)

Global.js

import React, { Component } from 'react';
import { FormGroup, FormControl, InputGroup, Glyphicon } from 'react-bootstrap';

class Global extends Component {
    render() {
        return(
          <div>
            <h2> Book Explorer!</h2>
              <FormGroup>
              <InputGroup>
                <FormControl
                  type="text"
                  placeholder="Search for a book"
                />
              <InputGroup.Addon>
                <Glyphicon glyph="search"></Glyphicon>
              </InputGroup.Addon>
            </InputGroup>
            </FormGroup>
          </div>
        )
    }
}

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

这是我的package.json档案:

{
  "name": "setup",
  "version": …
Run Code Online (Sandbox Code Playgroud)

javascript glyphicons reactjs react-bootstrap

13
推荐指数
2
解决办法
2万
查看次数

标签 统计

glyphicons ×1

javascript ×1

react-bootstrap ×1

reactjs ×1