条件付きレンダリングの問題: React でログイン/ログアウト ボタンが正しく機能しない

Question

私は React アプリを開発していて、ユーザーの現在の認証ステータスに基づいて「ログイン」または「ログアウト」ボタンを条件付きでレンダリングする必要があります。ただし、条件ステートメントが期待どおりに機能しないという問題が発生しています。ユーザーがログインした後でも、ログイン ボタンのみが表示され、両方のボタンが表示されないとログアウトできません。これは望ましい動作ではありません。

リーリー リーリー

上記の方法を試しましたが、結果は同じでした

Answer 1

isAuthenticated を使用する良いアプローチがありません。 isAuthenticated が True の場合はログアウト ボタンを表示する必要があります。それ以外の場合、isAuthenticated が False の場合はログアウト ボタンを表示する必要があります。ログインボタンを表示する必要があります。

＃＃＃これを試して：＃＃＃ リーリー