问反作用引导<Button >元件循环

EN

import Popover from 'react-bootstrap/Popover';
import OverlayTrigger from 'react-bootstrap/OverlayTrigger';
import Button from 'react-bootstrap/Button';
    
    .
    .
    .

render() {
  const popover = (
    <Popover id="popover-basic">
      <Popover.Title as="h3">Popover title</Popover.Title>
      <Popover.Content>
        Popover content <strong>some strong content</strong> Normal content again
      </Popover.Content>
    </Popover>
  );
  return (
    <div className='toggle container '>
      <div className='form-row justify-content-center'>
        <div className='col-6'>
        <section class='inline-block'>
          <span class="badge badge-pill badge-primary ml-2">1</span>
          <h3>
          Choose System Type:
          </h3>
          <div id="element1">
          <OverlayTrigger trigger="hover" placement="right" overlay={popover}>
            <Button variant="outline-primary" circle><i class="fas fa-question"></i></Button>
         </OverlayTrigger>



              
          </div>
        </section>

      </div>
    </div>
  </div>