Ich versuche, react-bootstrap zu verwenden. Siehe den folgenden Code. Wenn ich einzelne Module (zB Button, ButtonGroup, etc.) lade, funktioniert es einwandfrei. Ich würde jedoch lieber das ganze ReactBootstrap importieren (wie in Zeile 2 unten), aber dann erkennt es keine Elemente wie. Wie mache ich es?React-Bootstrap - Importieren von Modulen
import React from 'react';
import ReactBootstrap from 'react-bootstrap';
import { Button } from 'react-bootstrap';
import { ButtonGroup } from 'react-bootstrap';
import { DropdownButton } from 'react-bootstrap';
import { MenuItem } from 'react-bootstrap';
const NavBar = (props) => {
return (
<div>
<Button bsStyle="success" bsSize="small">
Something
</Button>
<ButtonGroup>
<DropdownButton bsStyle="success" title="Dropdown">
<MenuItem key="1">Dropdown link</MenuItem>
<MenuItem key="2">Dropdown link</MenuItem>
</DropdownButton>
<Button bsStyle="info">Middle</Button>
<Button bsStyle="info">Right</Button>
</ButtonGroup>
</div>
)
}
export default NavBar;
Danke
Vielen Dank. werde es versuchen. – Wasteland
also müssen Sie 'import * als ReactBootstrap von 'react-bootstrap';' in jede Komponente? Ich habe versucht, es in meine 'index.js' Datei in src zu schreiben, aber es war nicht in meinen Komponenten verfügbar ... – user2061886