홈>
저는 반응 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가 제공되므로 어떻게 변경할 수 있습니까?
-
답변 # 1
관련 자료
- if statement - Google 시트 또는 Excel에서 수식을 사용하여 틱 헤더 값 가져 오기
- javascript - 부트 스트랩 모달 닫기 이벤트가 "스택"되는 이유는 무엇입니까?
- jquery - 모달 부트 스트랩이 닫히지 않습니다
- javascript - 제출시 모달 닫기
- Yii2 - yii2 - 모달을 닫을 때 입력 값 유지
- java - 윈도우의 "닫기 다시 열기"시 actionListener가 호출되지 않음
- javascript - 외부 모달 창을 닫고 내부에 클릭 가능한 링크가 있습니다
- swift - swiftui - 모달 닫기
- angularjs - 클릭 버튼 후 조건에서 앵귤러 UI 모달을 닫는 방법
- react native - 모달을 사용할 때 헤더 제목이 표시되지 않습니까?
- javascript - 부모를 파괴하지 않고이 모달을 닫을 수없는 것처럼 보입니까?
- css - 모달 콘텐츠 외부를 클릭하는 경우에만 오버레이를 닫습니다
- python - 모달 대화 상자를 닫거나 닫는 방법
- javascript - 상위 구성 요소에서 모달 닫기
- javascript - w3schoolscom의 모달 이미지 닫기 미리보기가 작동하지 않음
- html - 자바 스크립트 외부를 클릭 할 때 모달을 닫는 방법
- javascript - 부트 스트랩 팝업 모달 겹치는 페이지 헤더
- javascript - "X"를 클릭해도 모달이 닫히지 않는 것 같습니다
- javascript - oracle apex - 모달 대화 상자를 닫을 때 실행되는 da?
- unity - 그가 먼 거리에서 목표물에 가까워 질 때 속도를 늦추도록 변환하는 방법은 무엇입니까?
관련 질문
- javascript - react-redux - 중첩 된 배열을 다른 배열로 할당하는 작업을 디스패치하는 동안 잘못된 후크 호출
- javascript - react-redux 오류 - 작업은 일반 객체 여야합니다 비동기 작업에 사용자 지정 미들웨어 사용
- javascript - react js - 값/상태가 업데이트되지 않음
- javascript - 상태에 새 값을 추가하면 React Redux에서 이전 상태를 덮어 씁니다
- javascript - 컴포넌트가 렌더링되기 전에 한 번만 Hook 호출 (Meteor/React/Apollo/Graphql)
- javascript - 콜백 내에서 React Hook "useState"를 호출 할 수 없습니다
- javascript - SVG 요소의 너비와 높이를 제어하는 방법
- javascript - 반응에서 목록 그룹 항목의 스타일을 전환하기 위해 div 대상에 액세스하는 방법은 무엇입니까?
- reactjs - 상태에서 매핑 된 목록 항목 순환 (javascript)
- javascript - enoent - react-native 프로젝트에서 react-navigation을 설치할 때 그러한 파일이나 디렉토리가 없습니다
첫 번째 질문 :
toggle
를 제공해야합니다 reactstrap이 자체 닫기 버튼을 표시하도록 ModalHeader가 다음과 같이 표시되도록하려면ModalHeader구성 요소의 소품에 대한 메소드입니다.두 번째 질문 : 모달 헤더 내부에서 h5로 많은 작업을 수행하지는 않지만 h5 요소 스타일을 변경하여 원하는 모양으로 만들 수 있습니다.
도움이된다면 내 답변에 투표하는 것을 잊지 마십시오.