Javascript 如何从react js.js中的.js文件导入容器组件，以便在其他.js文件中用作弹出模式

我在本地项目中创建了一个类组件（如下所示）。 AppOne.js

import React from 'react';
import { Container, Col, Row, Form } from "react-bootstrap";
import './AppOne.scss';

class AppOne extends React.Component {
    constructor(props) {
        super(props);
    }
    render() {
        return (
            <div>
              <Form>
                 .................
              </Form>
              <Container>
                 <Row>
                    <Col>
                       .......................
                    </Col>
                 </Row>
               </Container>
            </div >
        )
    }
}
export default AppOne;

import React from 'react';
import { Container, Col, Row, Form } from "react-bootstrap";
import AppOne from "./AppOne.Container"

class AppTwo extends React.Component {
    constructor(props) {
        super(props);
    }
    render() {
        return (
            <div>
              <h1></h1>
               <AppOne/>
            </div>
        )
    }
}
export default AppTwo;

从“React”导入React；
从“react bootstrap”导入{Container，Col，Row，Form}；
导入“/AppOne.scss”；
类AppOne扩展了React.Component{
建造师（道具）{
超级（道具）；
}
render（）{
返回(
.................
.......................
)
}
}
出口违约责任；

下面是这个文件中的另一个.js文件，我想从AppOne.js文件中将容器组件作为弹出模型导入

AppTwo.js

import React from 'react';
import { Container, Col, Row, Form } from "react-bootstrap";
import './AppOne.scss';

class AppOne extends React.Component {
    constructor(props) {
        super(props);
    }
    render() {
        return (
            <div>
              <Form>
                 .................
              </Form>
              <Container>
                 <Row>
                    <Col>
                       .......................
                    </Col>
                 </Row>
               </Container>
            </div >
        )
    }
}
export default AppOne;

import React from 'react';
import { Container, Col, Row, Form } from "react-bootstrap";
import AppOne from "./AppOne.Container"

class AppTwo extends React.Component {
    constructor(props) {
        super(props);
    }
    render() {
        return (
            <div>
              <h1></h1>
               <AppOne/>
            </div>
        )
    }
}
export default AppTwo;

从“React”导入React；
从“react bootstrap”导入{Container，Col，Row，Form}；
从“/AppOne.Container”导入AppOne
类AppTwo扩展了React.Component{
建造师（道具）{
超级（道具）；
}
render（）{
返回(
)
}
}
导出默认AppTwo；

---

我试着用上述方法得到答案。我知道这是个愚蠢的问题。那么，解决这个问题的最佳方法是什么？

@Kwall您想做的是在AppTwo中添加AppOne作为弹出模式？@development ninja否，我想从AppTwo.js文件中的AppOne.js文件中导入容器组件作为弹出模式。@Kwall您想做的是在AppTwo中添加AppOne作为弹出模式？@development ninja否，我想从AppTwo.js文件中的AppOne.js文件将容器组件作为弹出模型导入。