Создайте мод реакции в определенном div вместо тела рендеринга - PullRequest
0 голосов
/ 17 июня 2019

Я пытаюсь создать модальное всплывающее окно в конкретном div, но оно было создано в теле внизу

import { Modal } from 'react-bootstrap';
import { Button } from 'react-bootstrap';

<Modal show={this.state.show} onHide={this.handleClose}>
    <Modal.Header closeButton>
        <Modal.Title>Modal heading</Modal.Title>
    </Modal.Header>
    <Modal.Body>Woohoo, you're reading this text in a modal!</Modal.Body>
    <Modal.Footer>
        <Button variant="secondary" onClick={this.handleClose}>
            Close </Button>
        <Button variant="primary" onClick={this.handleClose}>
            Save Changes</Button>
    </Modal.Footer>
</Modal>

1 Ответ

0 голосов
/ 17 июня 2019

Если я правильно понимаю, у вас есть модальное всплывающее окно, но оно отображается на той же странице, вы можете написать код в определенном div в выражении return.Убедитесь, что вы добавили isOpen и управляете им в компоненте.Надеюсь, это поможет!

как показано ниже:

// rest of the code
return (
  <div>
    <div>
    //your page content 
    </div>
    <div>
      //Modal content 
      <Modal isOpen={this.state.modal} toggle={this.toggle} className={this.props.className}>
      </Modal>
    </div>
  </div>
);
...