小编Var*_*ati的帖子

我用于 ListGroups 的 React-Bootstrap 代码有一个名为“Sonnet”的组件，它可能尚未在 React-Bootstrap 中导出，因此我面临着“Sonnet”不是从“react-bootstrap”问题导出的问题无论我尝试手动导入它还是使用“*”导入完整的 React-bootstrap 包。我还没有找到一个线程或博客甚至列出了“十四行诗”错误或任何与此相关的内容。需要你们帮我理解！

我的尝试是：重新安装 bootstrap/ import {Sonnet} from 'react-bootstrap';/ import * as ReactBootstrap from 'react-bootstrap';

没有似乎工作

参考样本：

import React from 'react';
import 'bootstrap/dist/css/bootstrap.min.css';
//import './Assets/css/default.min.css';
//import * as ReactBootstrap from 'react-bootstrap';
import {Card,ListGroup,Tab,Row,Col,Sonnet} from 'react-bootstrap';
class Data extends React.Component {
  render(){
    return (
        <data>
            <div className="data">
            <Tab.Container id="list-group-tabs-example" defaultActiveKey="#link1">
                <Row>
                    <Col sm={4}>
                    <ListGroup>
                        <ListGroup.Item> Online Devices
                        </ListGroup.Item>
                        <ListGroup.Item action href="#link1">
                        Soil Sensor
                        </ListGroup.Item>
                        <ListGroup.Item action href="#link2">
                        Level Sensor
                        </ListGroup.Item>
                    </ListGroup>
                    </Col>
                    <Col sm={8}>
                    <Tab.Content> …