ログイン情報に基づいて(つまり、ログインが成功またはログアウトした後)、「アプリ」の「タイトル」を動的に変更するにはどうすればよいですか?

user2078023

私はこのコードを持っています、title小道具を見てください

const App = () => (
  <Admin
    theme={theme}
    customRoutes={customRoutes}
    menu={Menu}
    dataProvider={loopbackRestClient(window.apiUrl)}
    authProvider={authClient()}
    dashboard={Dashboard}
    locale="en"
    i18nProvider={i18nProvider}
    title={`Dashboard - ${window.accountData ? window.accountData.accommodation.name : ''}`}
  >
  // more code here...

これはtitle、ログインが成功したときにレンダリングを変更しようとするため、accommodation.nameそこから異なるを取得します。

ログインはREDUXの状態に影響を与えるため、コンポーネントはこのイベントで再レンダリングされる可能性があると予想していました。そのため、window変数(ログイン後に変更された)は別のタイトルをレンダリングする必要があります。

うまく行かなかった。

どうすれば適切な方法(react-reduxの方法)でそれを行うことができますか?

ギルダスガルシア

カスタムの接続されたTitleコンポーネントを作成し、それをtitle小道具として渡すことができます。

https://codesandbox.io/s/1072ry6rl7

私のカスタムTitleコンポーネントはclassName小道具をサポートする必要があることに注意してくださいこれはmaterial-ui要件です。

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

Related 関連記事

ホットタグ

アーカイブ