React-reduxは一度表示された後に店舗内のデータを削除します

Question

私は部品をと表示しています。このフォームを提出すると別のコンポーネントにbrowserHistory.push(url)AllCarWashをリダイレクトします。リダイレクトの前に追加して、私は還元店message : 'CarWash was save successfully'に入れました。このメッセージは、宛先コンポーネントAllCarWashに表示されます。

明らかに、このメッセージは一度しか表示されず、それ以上のユーザーアクションで表示されるべきではありません。だから、私が表示されたときに私はreduxストアからデータを削除する必要があります。これどうやってするの？ページ内のLinkにはそれぞれresetMessageHandlerを入れてください。それとも簡単な方法がありますか？ここ

Answer 1

あなたはcomponentWillReceivePropsまたはComponenetWillMountにReduxの中にメッセージが表示されたら、あなたは20-30secするための方法でタイムアウトを設定し、タイムアウト機能にすることができ、あなたが何ができるかである状態を更新

//sample code 
componentWillReceieveProps(props){ 
if(props.message){ 
    setTimeout(()=>{ 
    this.props.dispatch(removeMessageAction()) 
    },5000); 
} 
} 

することができます同じcomponentWillMount関数に書き込む代わりに、componentDidUpdateメソッドとcomponentDidMountメソッドを使用することもできます。