問題タブ [react-boilerplate]

渡された小道具に応じて、さまざまな子コンポーネントをレンダリングするコンポーネントがあります。

私はテストに jestjs を使用しています。親コンポーネントに渡された小道具に基づいて、「親」コンポーネントが適切な子/子をレンダリングすることを主張したいと思います。

簡略化されたスニペット:

親コンポーネント

テスト

これを主張するためにさまざまな方法を試しましたが、うまくいきませんでした。

たとえば、 find メソッドを使用して adivまたは ah3を検索する方法は知っていますが、異なるコンポーネントで同じDOMノードである可能性があるため、子がレンダリングするルートDOMノードではなく、反応コンポーネントに対して子をテストしたいと思います.

––––––––––––––––––編集: –––––––––––––––––</p>

使用する

実際には完璧に動作します

コンポーネントが仕様に達していませんでした。

を使用してビルドされた React アプリを持っていますが、react-boilerplate認証を処理する最善の方法がわかりません。ここに私の質問があります：

1. ユーザーが認証されると、そのトークンは localStorage に保存されます。彼らがアプリを離れて戻ってきた場合、状態はクリアされるため、サーバーにpingを実行してトークンの有効期限/有効性を確認するだけでなく、プロフィール写真などを再度取得する必要があります. どこでこれを行うのですか？onEnterこれをすべてのルートの関数に追加しても意味がありません。

2. その後のルート変更のたびに、データは明らかにサーバーから取得されます。トークンが各リクエストのヘッダーで送信されるため、ページにロードされた各データ (グラフ、製品、アカウント情報など) がユーザーを承認します。ルートの 1 つまたはすべてが無許可として戻ってきた場合、それらをリダイレクトしますか? ページ全体をエラーにしますか? 許可されていない 1 つまたは複数のセクションで許可されていないエラーを表示するだけですか?? これがどのように機能するかわかりません。

GitHub で既存のボイラープレート コードを調査した結果、 reactアプリケーションを使い始めるためにreact-boilerplateを使用することにしました。私は自分のウェブサイトにマテリアル スタイルを追加することを計画していました。react-mdlは現在廃止されているため、プロジェクトでmaterial-components-web依存関係を使用することを計画していました。

これは私の最初の React アプリケーションです。デフォルトのスタイルを削除し、プロジェクトの material-components-web に依存関係を追加するためのクリーンな方法を知りたいです。

どんな助けでも大歓迎です。ありがとう。