title: How can I get value from react modal bootstrap?
body: <p>How can I get value from bootstrap modal? I'm using <code>reacstrap</code>  <a href="https://github.com/reactstrap" rel="nofollow noreferrer">https://github.com/reactstrap</a></p>
  
  <p>Here is my page that call the modal</p>
  
  <pre><code>import { ButtonGroup, Button, Input, Row, Col } from 'reactstrap';
  import RegisterLookup from '../lookup/RegisterLookup';
  
  &lt;RegisterLookup
    isOpen={this.state.register}
    toggle={this.toggleRegister}
    className={''}
  /&gt;
  </code></pre>
  
  <p>and here is my modal component:</p>
  
  <pre><code>  register() {
      console.log("da")
    }
  
  render() {
      return (
        &lt;div&gt;
          &lt;Modal isOpen={this.props.isOpen} toggle={this.props.toggle} className={this.props.className} size="lg"&gt;
            &lt;ModalHeader toggle={this.props.toggle}&gt;Register&lt;/ModalHeader&gt;
            &lt;ModalBody&gt;
              &lt;div className="row mb-2"&gt;
                &lt;div className="col-sm-12"&gt;
                  &lt;Row&gt;
                    &lt;Col md="6" xs="12"&gt;
                      &lt;FormGroup row&gt;
                        &lt;Label sm="4"&gt;Enter your name &lt;span className="text-danger"&gt;*&lt;/span&gt;&lt;/Label&gt;
                        &lt;Col&gt;
                          &lt;Input /&gt;
                        &lt;/Col&gt;
                      &lt;/FormGroup&gt;
                    &lt;/Col&gt;
                  &lt;/Row&gt;
                &lt;/div&gt;
              &lt;/div&gt;
  
            &lt;/ModalBody&gt;
            &lt;ModalFooter&gt;
              &lt;Button className="pull-right" type="button" color="primary" onClick={() =&gt; { this.register(); }}&gt;
                &lt;span className="hidden-xs-down"&gt;Register &lt;/span&gt;
              &lt;/Button&gt;
            &lt;/ModalFooter&gt;
          &lt;/Modal&gt;
        &lt;/div&gt;
      );
    }
  }
  
  RegisterLookup.defaultProps = {
    isOpen: PropTypes.bool,
    toggle: PropTypes.func,
    className: PropTypes.string,
  };
  
  RegisterLookup.propTypes = {
    isOpen: PropTypes.bool,
    toggle: PropTypes.func,
    className: PropTypes.string,
  };
  </code></pre>
  
  <p>It show the modal : 
  <a href="https://i.stack.imgur.com/ONpoK.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ONpoK.png" alt="enter image description here"></a></p>
  
  <p>but how can I get the value I enter in modal to my page that call the modal? Thanks in advance.</p>