Значок поиска не появится при использовании MDBIcon - PullRequest
Новая
       12

Значок поиска не появится при использовании MDBIcon

0 голосов
/ 04 ноября 2019

Я хочу отобразить значок поиска вместе с панелью поиска на панели навигации в React Bootstrap

src / modules / home / Home.jsx 

import React, { Component } from 'react'
import InformationTableView from '../../components/InformationTableView'
import { CustomButton } from '../../components/CustomButton'
import {Navbar } from 'react-bootstrap'
import { Form, Button, FormGroup, FormControl, ControlLabel ,InputGroup} from "react-bootstrap";
import ReactBootstrap, {Jumbotron, Col, Grid, Panel,NavDropdown} from 'react-bootstrap'
import { MDBCol, MDBIcon } from "mdbreact";
import 'mdbreact/dist/css/mdb.css'

class Home extends Component {
    render() {
        return (
            <div>

                <Navbar className="bg-light justify-content-between">
                    <Form inline>
                        <MDBCol md="6">
                            <form className="form-inline mt-4 mb-4">
                                <MDBIcon fab icon="search" />
                                <input className="form-control form-control-sm ml-3 w-75" type="text" placeholder="Account Number" aria-label="Search" />
                            </form>
                        </MDBCol>
                        <InputGroup>
                    </Form>
                </Navbar>

            </div>
        )
    }
}

export default Home

Есть ли ошибка в этом сегменте кода?

1 Ответ

0 голосов
/ 04 ноября 2019

Привет! Вы пропустили Fontawesome таблицу стилей в корневом файле, добавьте эту ссылку в корневой HTML-файл 

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
...