私はこのコードを持っています、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]
コメントを追加