Блог

Я создал компонент класса (приведенный ниже) в моем локальном проекте. 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;
 

А ниже приведен мой другой файл .js внутри этого файла, из которого я хочу импортировать компонент контейнера в виде всплывающей модели AppOne.js файл

AppTwo.js

 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;
 

Я попытался получить решение, используя описанный выше метод. Я знаю, что это глупый вопрос. Итак, каков наилучший способ решить эту проблему?