将React Bootstrap窗体追加到div

npm install react-bootstrap

yarn add react-bootstrap

import React from 'react';
import { Form, FormGroup, FormControl, Button } from 'react-bootstrap';

const MyForm = () => {
  return (
    <Form>
      <FormGroup>
        <Form.Label>Name</Form.Label>
        <FormControl type="text" placeholder="Enter your name" />
      </FormGroup>
      <FormGroup>
        <Form.Label>Email</Form.Label>
        <FormControl type="email" placeholder="Enter your email" />
      </FormGroup>
      <Button variant="primary" type="submit">Submit</Button>
    </Form>
  );
}

export default MyForm;

import React from 'react';
import ReactDOM from 'react-dom';
import MyForm from './MyForm';

ReactDOM.render(<MyForm />, document.getElementById('myDiv'));