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> 

私のプロジェクトではこのパッケージをいくつか変更して使用しています。しかし、デフォルトのパッケージは、あなたのユースケースに十分なはずです。