在React JS app中处理通过HTML表单提交完成的帖子请求
我有一个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应用程序,我能够将其提取为string token1 = Request.Form["token"];
我怎样才能在React JS中实现同样的目标。
回答如下:在React中,使用表单或任何其他用户输入字段(如独立文本字段或按钮)时。来自React的文档:“React组件必须在任何时间点表示视图的状态,而不仅仅是在初始化时。”React通过使用声明式描述UI来保持简单。 React描述了UI,它的最终阶段以及它的外观。
在传统的HTML表单元素中,元素的状态将随用户输入而改变。 React使用声明方法来描述UI。输入需要是动态的,以正确反映状态。
在React JS app中处理通过HTML表单提交完成的帖子请求
我有一个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应用程序,我能够将其提取为string token1 = Request.Form["token"];
我怎样才能在React JS中实现同样的目标。
回答如下:在React中,使用表单或任何其他用户输入字段(如独立文本字段或按钮)时。来自React的文档:“React组件必须在任何时间点表示视图的状态,而不仅仅是在初始化时。”React通过使用声明式描述UI来保持简单。 React描述了UI,它的最终阶段以及它的外观。
在传统的HTML表单元素中,元素的状态将随用户输入而改变。 React使用声明方法来描述UI。输入需要是动态的,以正确反映状态。