質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
AWS(Amazon Web Services)

Amazon Web Services (AWS)は、仮想空間を機軸とした、クラスター状のコンピュータ・ネットワーク・データベース・ストーレッジ・サポートツールをAWSというインフラから提供する商用サービスです。

React.js

Reactは、アプリケーションのインターフェースを構築するためのオープンソースJavaScriptライブラリです。

Q&A

0回答

697閲覧

AWS Amplify cognito, withAuthenticator()でログインされたときに関数呼べるのか?

kazoogon

総合スコア281

AWS(Amazon Web Services)

Amazon Web Services (AWS)は、仮想空間を機軸とした、クラスター状のコンピュータ・ネットワーク・データベース・ストーレッジ・サポートツールをAWSというインフラから提供する商用サービスです。

React.js

Reactは、アプリケーションのインターフェースを構築するためのオープンソースJavaScriptライブラリです。

0グッド

1クリップ

投稿2019/07/15 23:52

環境

AWS Linux AMI
"aws-amplify": "^1.1.29"
"aws-amplify-react": "^2.3.9"
"react": "^16.8.6"

実現したい事

AWS cognito withAuthenticatorを使用した際、ログインされた時に関数を起動させたい
(contextAPIでlogin状態が変更されたことを他componentに送るため)

コード

▼Main.tsx

import React from 'react'; import { BrowserRouter as Router, Route } from "react-router-dom"; import Login from './Login'; import Mypage from './mypage/Index'; import Menu from './Menu'; import Hoge from './Hoge'; class Main extends React.Component { render(){ return ( <div className="Main"> <Router> <Menu /> //*mypageはログインした人しか見れないようにしたい <Route exact path="/mypage" component={Mypage} /> <Route path="/main" component={Hoge} /> </Router> </div> ); } } export default Main;

▼mypage.tsx

import React from 'react'; import { RouteComponentProps, Link } from 'react-router-dom'; import { withAuthenticator } from 'aws-amplify-react'; import Auth from '@aws-amplify/auth'; import AuthContext from '../context/auth-context'; interface MatchParams { id: number; } interface State { user: '', } class Mypage extends React.Component<RouteComponentProps<MatchParams>, State> { constructor(props: RouteComponentProps) { super(props); this.state = { user: '' }; } async componentDidMount() { let user = await Auth.currentAuthenticatedUser() this.setState({user: user.username}); } //**ここに下記のように「ログイン後に起動される関数」があるイメージ //loggedIn() { // console.log("logged in!"); //} render() { return ( <div className="mypage"> <h1>mypage</h1> <div> <ul> <li><Link to='mypage'>my page</Link></li> </ul> </div> </div> ); } } export default withAuthenticator(Mypage);

ドキュメントにはSignIn()関数の説明はありますが、ログインされた時に呼び出される関数などの記載はなかったので、こちらに質問致しました。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問