javascript - ReactStrap 모달 닫기 아이콘이 모달에 표시되지 않고 다른 태그와 함께 헤더를 사용하는 방법

저는 반응 js를 처음 사용합니다. 여기에 reactStrap 의 모달을 사용하고 있습니다 .

<Modal isOpen={props.isOpen} centered='true'>
        <ModalHeader>
          Change this Question?
          <button type="button" class="close" aria-label="Close" onClick={props.closeModal} ><span aria-hidden="true">×</span></button>
        </ModalHeader>
        <ModalBody>
          <div className="row">
            <div className="col-md-12 text-center ">
              <Button type="submit" className="btn btn-outline-primary" onClick={props.showChangeQuestionModal} >Change by creating your own Question</Button>
            </div>
          </div>
          <div className="row">
            <div className="col-md-12 text-center marginForOrOption">
              <span>or</span>
            </div>
          </div>
          <div className="row">
            <div className="col-md-12 text-center">
              <Button type="submit" color="btn btn-primary">Change and Replace from Question bank</Button>
            </div>
          </div>
        </ModalBody>
        <ModalFooter>
        </ModalFooter>
      </Modal>
    </div>

이제 모달을 닫기 위해 해당 버튼을 추가했습니다. 그러나 Instrapstrap은 기본적으로 제공되지만 내 경우에는 오지 않습니다.

또 다른 문제는 ModalHeader에서는 기본적으로 h5가 제공되므로 어떻게 변경할 수 있습니까?