reactjs - 警告を一度だけ表示するように設定する方法

Question

ユーザーが最初にページにアクセスしたときに警告を消す方法を見つけようとします。その後、ユーザーがそのページを再度クリックすると、その警告は表示されなくなります。

このウェブサイトのコードを使用します: https://reactstrap.github.io/components/alerts/

私のコード:

    this.state = {

     hasVisitedPageBefore: false,
};

  visitPage() {
this.setState({ hasVisitedPageBefore: true });

 }

showAlert() {
return (
  <Alert color="info" isOpen={this.state.visible} toggle={this.onDismiss}>
    Congratulations! You have been created deck.
  </Alert>
);
  }


 render
{this.state.hasVisitedPageBefore ? null : showAlert}

皆さん、どうやって調べるか知っていますか？私に提案してください。

ありがとうございました