REACTでは、我々は、使用して別のコンポーネントからのデータを渡すことができますprops
が、私はAPIリクエストをissueingしながら、別のコンポーネントからのデータを渡す方法を知りたいです。
バックエンドでは、サインイン資格情報は「JWT認証」を使用して認証されます。
ユーザーがログインなっている間にどのようにユーザー名を渡す方法は?ユーザーGETのがログインすると、自分のページには「歓迎」を示す必要があります。
あなたには、コードをチェックアウトすることができ、このCodeSanbox
ここではAPIからJSONデータは以下のとおりです。
{
item: [
{
"id": "145741863",
"firstName": "ABCDEF",
"email": "[email protected]",
"password": "Aertyuio",
}
]
}
あなたが使用しているので反応し、ルータプッシュ方式。また、あなたのパス名と一緒にさまざまな小道具値を送信する機能を持っており、このプッシュに包まれたコンポーネントにのみ機能します。
あなたのケースでは、あなたのルート名と一緒に状態を渡す必要があります。変化の下に、あなたは自分の中にルート名と一緒に状態を渡す必要がありますhistory.push
。
this.props.history.push("/Welcome", { ...res });
上Login.js
。
そして、あなたの応答値を取得Welcome.js
使用してthis.props.location.state.firstName
。
あなたの参照のための書類を添付する- https://github.com/ReactTraining/react-router/blob/master/packages/react-router/docs/api/history.md
-そしてまた、私はこの中history.pushの基本的なデモンストレーション添付https://codesandbox.io/s/broken-flower-hbglxを。