ReactでURLパラメータを取得するにはどうすればよいですか?localhost:3000 / reset-password /:token

アーサー・チュオン

私はこれにしばらく立ち往生していて、Reactに少し慣れていません。windows.hrefを使用せずにReactの方法でURLトークンを取得し、それをresetPasswordTokenに渡すにはどうすればよいですか?

私のルートで

<Route path="/reset-password/:token" component={ResetToNewPassword} />

URL

http://localhost:3000/reset-password/eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6MywiZW1haWxBZGRyZXNzIjoiYXJ0aHVydHJ1b25nLndvcmtAZ21haWwuY29tIiwiZmlyc3ROYW1lIjoiQXJ0aHVyIiwicm9sZSI6IlVzZXIiLCJ0eXBlIjoiUGF0aWVudCIsImxhc3ROYW1lIjoiVHJ1b25nIiwiaWF0IjoxNTQ2NDMyOTA1LCJleHAiOjE1NDY0MzQ3MDV9.LhWsrovx1l4lHDBxZ3nwrMhA_ADoLkZFn2XjKeSzNIg

コード

    handleSubmit = e => {
    e.preventDefault();

    const { onSubmit = () => {} } = this.props;

    this.props.form.validateFields((err, values) => {
      if (err) return;
      const { match = {} } = this.props;
      const { params = {} } = match;
      const resetPasswordToken = params.resetPasswordToken;
      onSubmit({
        ...values,
        resetPasswordToken
      });
    });
  };
カバニー

ドキュメントに従うことで、コンポーネントから(あなたの場合ResetToNewPasswordは)プロパティとしてurlパラメータにアクセスできることがわかりますmatch.params

あなたの場合: match.params.token

ここでの例:https//reacttraining.com/react-router/web/example/url-params

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

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

編集
0

コメントを追加

0

関連記事

分類Dev

Laravel Password Reset Token

分類Dev

Should I put my JWT token in the URL for password reset functionality?

分類Dev

mysqli update database receiving email and password reset token

分類Dev

/ password_reset / djangoでのTypeError

分類Dev

/ password-reset /でのSMTPAuthenticationError

分類Dev

Keycloak - URL Reset Password email behind a proxy

分類Dev

/ connect / tokenをカスタマイズしてカスタムパラメータを取得するにはどうすればよいですか?

分類Dev

ApiPlatform DataProvider for reset password

分類Dev

devise_token_auth gemを使用して特定のdevise_controllerにパラメーターを許可するにはどうすればよいですか?

分類Dev

Firebaseのデプロイ--emailまたは--tokenパラメータを機能させるにはどうすればよいですか?

分類Dev

ERROR 1045 (28000): Access denied for user 'root'@'localhost' (using password: NO), can't reset password either

分類Dev

edit_password_reset_url(some_id_here)はどのようにhttps://example.com/password_resets/some_id_here/editに解決されますか?

分類Dev

Reset cs cart admin password

分類Dev

Django password_reset with appname

分類Dev

Imgurからaccess_tokenとrefresh_tokenを取得するにはどうすればよいですか?

分類Dev

ResetPasswordControllerがpassword_resetテーブルLaravelとどのように連携するか

分類Dev

'password_reset_confirm'が見つからない場合、このリバースのエラーが発生し続けます。'password_reset_confirm'は有効なビュー関数またはパターン名ではありません

分類Dev

エラー「UncaughtSyntaxError:Unexpected token S in JSON in position 0」を削除するにはどうすればよいですか?

分類Dev

この Webpack エラー「SyntaxError: Unexpected token .」を修正するにはどうすればよいですか?

分類Dev

Viber REST APIを使用してmessage_tokenでメッセージを取得するにはどうすればよいですか?

分類Dev

新しいaccess_tokenを取得して、Cookieを更新するにはどうすればよいですか?

分類Dev

jhipster oauth:CURL経由でaccess_tokenを取得するにはどうすればよいですか?

分類Dev

openam で id_token の公開証明書を取得するにはどうすればよいですか?

分類Dev

Pythonを使用してoauth2access_tokenを取得するにはどうすればよいですか

分類Dev

make_passwordとcheck_passwordを手動で使用するにはどうすればよいですか?

分類Dev

Djangoのchange_passwordにエラーメッセージを表示するにはどうすればよいですか?

分類Dev

/ forgot-password / 12345をリダイレクト-> / forgot-password.php?reset_key = 12345

分類Dev

GoogleインスタンスIDサービスのIID_TOKENを取得するにはどうすればよいですか?

分類Dev

django認証の使用password_reset_confirmエラー

Related 関連記事

  1. 1

    Laravel Password Reset Token

  2. 2

    Should I put my JWT token in the URL for password reset functionality?

  3. 3

    mysqli update database receiving email and password reset token

  4. 4

    / password_reset / djangoでのTypeError

  5. 5

    / password-reset /でのSMTPAuthenticationError

  6. 6

    Keycloak - URL Reset Password email behind a proxy

  7. 7

    / connect / tokenをカスタマイズしてカスタムパラメータを取得するにはどうすればよいですか?

  8. 8

    ApiPlatform DataProvider for reset password

  9. 9

    devise_token_auth gemを使用して特定のdevise_controllerにパラメーターを許可するにはどうすればよいですか?

  10. 10

    Firebaseのデプロイ--emailまたは--tokenパラメータを機能させるにはどうすればよいですか?

  11. 11

    ERROR 1045 (28000): Access denied for user 'root'@'localhost' (using password: NO), can't reset password either

  12. 12

    edit_password_reset_url(some_id_here)はどのようにhttps://example.com/password_resets/some_id_here/editに解決されますか?

  13. 13

    Reset cs cart admin password

  14. 14

    Django password_reset with appname

  15. 15

    Imgurからaccess_tokenとrefresh_tokenを取得するにはどうすればよいですか?

  16. 16

    ResetPasswordControllerがpassword_resetテーブルLaravelとどのように連携するか

  17. 17

    'password_reset_confirm'が見つからない場合、このリバースのエラーが発生し続けます。'password_reset_confirm'は有効なビュー関数またはパターン名ではありません

  18. 18

    エラー「UncaughtSyntaxError:Unexpected token S in JSON in position 0」を削除するにはどうすればよいですか?

  19. 19

    この Webpack エラー「SyntaxError: Unexpected token .」を修正するにはどうすればよいですか?

  20. 20

    Viber REST APIを使用してmessage_tokenでメッセージを取得するにはどうすればよいですか?

  21. 21

    新しいaccess_tokenを取得して、Cookieを更新するにはどうすればよいですか?

  22. 22

    jhipster oauth:CURL経由でaccess_tokenを取得するにはどうすればよいですか?

  23. 23

    openam で id_token の公開証明書を取得するにはどうすればよいですか?

  24. 24

    Pythonを使用してoauth2access_tokenを取得するにはどうすればよいですか

  25. 25

    make_passwordとcheck_passwordを手動で使用するにはどうすればよいですか?

  26. 26

    Djangoのchange_passwordにエラーメッセージを表示するにはどうすればよいですか?

  27. 27

    / forgot-password / 12345をリダイレクト-> / forgot-password.php?reset_key = 12345

  28. 28

    GoogleインスタンスIDサービスのIID_TOKENを取得するにはどうすればよいですか?

  29. 29

    django認証の使用password_reset_confirmエラー

ホットタグ

アーカイブ