react.js 확인 모달

Question

react.js에서 삭제 (확인) 모달을 만드는 가장 쉬운 방법을 아는 사람이 있는지 궁금합니다. 몇 가지로 놀아 왔지만 주위에 내 머리를 얻을 수 없습니다.

모달은 휴지통 아이콘에서 팝업하여 링크해야합니다. 나는 반응하기에 완벽한 초보자이기 때문에 꽤 어려움을 겪고있다.

Answer 1

이 npm 패키지를 사용할 수 있습니다. https://github.com/gregthebusker/react-confirm-bootstrap.

일단 설치하면 프로젝트에서 이와 같이 사용할 수 있습니다.

<ConfirmationModal 
    onConfirm={this.onConfirm} 
    body="Are you sure?" 
    confirmText="Yes" 
    cancelText="No" 
    title="Delete confirmation"> 
    <Button>Button Text</Button> 
</ConfirmationModal> 

몇 가지 수정 사항을 적용하여이 패키지를 프로젝트에서 사용하고 있습니다. 그러나 기본 패키지는 사용 사례에 충분해야합니다.