当前位置: 代码迷 >> JavaScript >> 在React JS应用中处理通过HTML表单提交完成的发布请求
  详细解决方案

在React JS应用中处理通过HTML表单提交完成的发布请求

热度:57   发布时间:2023-06-13 12:18:48.0

我有一个ReactJS应用程序,它需要处理HTML表单提交操作(由SSO实体生成)中的发布请求,并从中提取令牌。

以下是HTML代码。

<html>
    <head>
        <title>Submit Form</title>
        <meta name="referrer" content="origin"/>
        <meta http-equiv="x-ua-compatible" content="IE=edge" />
    </head>
    <body onload="javascript:document.forms[0].submit()">
        <form method="post" action="http://localhost:3000/">
                        <input type="hidden" name="token" value="ETiHVg9Gg52Edmm2wpRr07VXsMgLnnQ"/>
        </form>
    </body>
</html>

对于一个asp.net应用程序,我可以将其提取为string token1 = Request.Form["token"];

我如何在React JS中实现相同的目标。

在React中,当使用表单或任何其他用户输入字段(例如独立文本字段或按钮)时。 来自React的文档:“ React组件必须在任何时间点(不仅是在初始化时)都代表视图的状态。” React就是通过使用声明式样式来描述UI来使事情变得简单。 React描述了UI,其最终阶段以及外观。

在传统的HTML表单元素中,元素的状态将随用户输入而改变。 React使用声明性方法来描述UI。 输入必须是动态的,以正确反映状态。

  相关解决方案