React Bootstrap Glyphicons neden gösterilmiyor?

Question

React Bootstrap'in Glyphicon bileşenini kullanıyorum ancak glifojenlerin hiçbiri gösterilmiyor.

Index.js

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

ReactDOM.render(
    <Global />, 
    document.getElementById('root') 
); 

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; 

İşte benim package.json dosyasıdır: Burada şimdiye kadar benim kodudur

{ 
    "name": "setup", 
    "version": "1.0.0", 
    "babel": { 
    "presets": [ 
     "es2015", 
     "react" 
    ] 
    }, 
    "description": "", 
    "main": "index.js", 
    "scripts": { 
    "build": "webpack", 
    "start": "webpack-dev-server" 
    }, 
    "keywords": [], 
    "author": "", 
    "license": "ISC", 
    "devDependencies": { 
    "babel-core": "^6.22.1", 
    "babel-loader": "^6.2.10", 
    "babel-polyfill": "^6.22.0", 
    "babel-preset-es2015": "^6.22.0", 
    "babel-preset-react": "^6.24.1", 
    "react": "^15.5.4", 
    "react-bootstrap": "^0.31.0", 
    "react-dom": "^15.5.4", 
    "webpack": "^1.14.0", 
    "webpack-dev-server": "^1.16.2" 
    } 
} 

Answer 1

Bootstrap yazı tipini kullanır Bu çünkü Gylphicon Halflings gliflerini gösterecek. Bootstrap'in CSS'si glifoları içe aktardığı için açıkça dahil edilmelidir, aksi halde glifolar görünmeyecektir. Sen senin için ithal senin index.html için bootstrap.min.css dosyayı ekleyebilirsiniz:

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"> 

tam bu konuda bir sorun raised on GitHub oluştu. Açıkça Bootstrap'in CSS'sini eklemeniz gerektiği söylenmedi ve ben daha önce bu konuya girdim. CSS dosyasını eklemeniz gerekir, aksi halde glifolar içe aktarılmaz ve bileşenleriniz hiçbir şey göstermez.