Reactでスライドポップアップを作成

Question

ReactJSのeコマースショップのコンポーネントを作成したいと思います。

ユーザーがカートに商品を追加するたびに画面上部からスライドするサマリーポップアップを作成したいとします。ポップアップが下にスライドし、3秒待ってから再び上にスライドします。

私が考えることができるのは、コンポーネントのrenderメソッドで返すstatic divです。

例やアイデアへのリンクがありますか？それが消えるのを

おかげで、あなたはあなたのコメントに取り付けた例によるとアロン

Answer 1

、 あなたはタイムアウトを使用し、3秒後の状態を変更することができます。

setTimeout(() => { 
    this.setState({thingIsVisible: false}); 
}, 3000); 

このようにして、あなたが選択して表示して消滅させることができます。