如何在反应中获得http参数？

Question

在这个问题中，如果用户决定重置密码 a 会收到一个参数 单击带有如下屏幕标记的 HTTP 重定向后

那么获取此参数的方法是什么？

因为我尝试获取并设置参数，但获取只是设置后接收或发布。 与 axios 相同，您需要已经存储任何内容才能传递给 URL。

这是一个例子：

fetchParams() {

        return fetch('/password/reset/(:token_params -- how get and store this params?)' , {
            method: "GET",
            headers: {
                Accept: "application/json",
                "Content-Type": "application/json",

            }
        }).then(res => res.json()).then(res => {
    let token = res.token_params;

    console.log("token: ", token);

})
            .catch(error => {
                console.error(error);
            });
    }



fetchParams() {


axios.get('/password/reset/:params', {

  })
  .then(response => {
    console.log(response);

  })
  .catch(error => {
    console.log(error);
  });




}

所以请有人能告诉我如何在 .then 之前获取请求的参数？

Answer 1

您可以获取参数表单props。

以这种方式获取此参数，token_param 是它可能会根据您的路径名称更改的参数名称。

componentDidMount() {
   console.log(this.props.match.params.token_param);
}

你可以在你想访问参数的地方调用this.props.match.params.token_param。

Answer 2

无法在服务器 GET 请求之前让参数做出反应（如果这是来自电子邮件等的用于密码重置的链接）。 您需要做的是在 React 中设置页面，然后它应该使用此参数对服务器进行 ajax 调用。

我希望我能理解你的问题。