如何在 React Dom 门户内部导入？

问题描述

我试图创建一个网页，点击按钮后，单独的浏览器选项卡将显示图形数据。我正在使用 React，并使用 React DOM 为单独的窗口创建一个门户。虽然，我遇到的问题是我的导入都没有通过门户。我需要结转进口，例如：

import {Line} from 'react-chartjs-2';

import 'bootstrap/dist/css/bootstrap.min.css';

但这些似乎并没有延续。这就是我的门户中没有显示折线图的原因。可以做什么？这是我的渲染代码的外观。

render() {
 return (
  <div>
    <IconButton color="secondary" onClick={this.toggleWindowPortal}>
        <AssessmentOutlinedIcon /> 
    </IconButton>
    
    {this.state.showWindowPortal && (
        <MyWindowPortal>
            
            <div className="show-grid">
                <h1 >Line Data</h1>
                <Container>
                    <Row>
                        <Col xs={8} md={12} lg={16}>
                            <Line data={this.state.data} />
                        </Col>
                    </Row>
                </Container>
            </div>
      </MyWindowPortal>
    )}
  </div>
 );
}

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）