私はこれにしばらく立ち往生していて、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]
コメントを追加