html表单- Reactjs
HTML表单是一种用于收集用户输入数据的标准化工具。它由一系列表单元素组成，包括输入框、复选框、单选按钮、下拉列表等，用户可以在这些元素中输入或选择数据。ReactJS是一个流行的JavaScript库，用于构建用户界面。它提供了一种声明式的方式来创建可复用的UI组件。
HTML表单在Web开发中起着至关重要的作用，它可以用于创建各种交互式功能，例如用户注册、登录、搜索等。通过使用ReactJS，我们可以更加高效地构建和管理表单，以及处理表单数据的变化。
ReactJS提供了一些有用的组件和功能来处理HTML表单。其中包括：
- Controlled Components（受控组件）：React中的受控组件是指由React控制其值的表单元素。通过将表单元素的值存储在React组件的状态中，并通过事件处理程序更新状态，可以实现对表单数据的完全控制。
- Form Validation（表单验证）：React可以轻松地实现表单验证。通过在表单元素上添加验证规则，并在提交表单时检查这些规则，可以确保用户输入的数据符合预期。
- Form Submission（表单提交）：React提供了处理表单提交的机制。可以通过事件处理程序捕获表单提交事件，并在事件处理程序中执行相应的操作，例如向服务器发送数据或更新应用程序状态。
- Form Libraries（表单库）：除了原生的React表单功能外，还有许多第三方库可用于简化表单处理。例如，Formik和React Hook Form是两个流行的表单库，它们提供了更高级的表单处理功能，如表单验证、表单状态管理等。
HTML表单和ReactJS的结合可以提供更好的用户体验和开发效率。通过合理地使用React的组件化和状态管理特性，我们可以构建出功能强大、易于维护的表单，满足各种业务需求。
腾讯云提供了一系列与Web开发相关的产品，可以帮助开发者构建和部署HTML表单和ReactJS应用。其中一些产品包括：
- 云服务器（CVM）：提供可扩展的虚拟服务器实例，用于部署和运行Web应用程序。
- 云数据库MySQL：提供高性能、可扩展的关系型数据库服务，可用于存储和管理表单数据。
- 云存储（COS）：提供安全、可靠的对象存储服务，用于存储和管理表单中上传的文件。
- 人工智能服务（AI）：提供各种人工智能相关的服务，如图像识别、语音识别等，可用于增强表单的功能和用户体验。
- 云函数（SCF）：提供无服务器计算服务，可用于处理表单提交事件的后端逻辑。
以上是腾讯云提供的一些与HTML表单和ReactJS相关的产品和服务，您可以通过访问腾讯云官方网站（https://cloud.tencent.com/）了解更多详细信息和产品介绍。
相关·内容
1回答
我想做一个注册和登录表单。我用简单的HTML，CSS和JS做这件事，但在互联网上我听说过react。我读到react比简单的html，css和js更好。所以我想知道Reactjs比简单的表单更好。在表单中使用reactjs的好处是什么？
浏览 19提问于2020-03-29得票数 0
我的项目中有一个HTML表单，它部分是用React编写的(不要问我为什么。(历史问题)就当它看起来像这样：
<html>
<form>
<input type="text" name="name" />
<div id="app"><!-- React component here --></div>
</form>
</html>
然后反应代码，实际上是这样的：
ReactDOM.render(
<div>
<input
浏览 3提问于2017-04-03得票数 1
回答已采纳
1回答
我使用了(几乎)精确的语法来创建一个html表单：
var Hello = React.createClass({
render: function() {
return
<div>
<section>
<form action="http://localhost:9203/ask">
Text: <input type="text" name="text" value="Text
浏览 1提问于2015-06-17得票数 0
回答已采纳
1回答
我找这个问题已经有一段时间了，但还是不太清楚。使用Reacjs为Django应用程序构建模板的方法是什么？如何为授权用户和非授权用户显示不同的菜单？是否可以将html布局保存在.html文件中，只在所需位置呈现Reactjs组件？如何在这些组件之间进行通信？
举个例子：
我有这样一个页面，上面有菜单和项目列表：
<body>
<div>
{% if not user.authenticated %}
<a href="/login">Login</a>
{% else
浏览 4提问于2016-02-02得票数 1
回答已采纳
1回答
我有一个带有元标记、头、正文、来自服务器的表单的HTML文件，现在我怀疑如何在reactjs中打开成熟的html，因为我们已经在reactjs中有了一个主index.html。当我尝试使用dangerouslySetInnerHTML时，它会给出一个空白页。
浏览 1提问于2020-03-02得票数 2
回答已采纳
2回答
我试图了解如何在外部脚本中使用ReactDOM.script节点(例如：src=http://.....js)。
似乎每个人都注意到它不起作用。我找不到解决这个问题的方法(我真的想避免Iframes)。
难道没有人有办法解决这个问题吗？
谢谢:)
解决方案:感谢Ben和Felix的。解决方案(对于Stripe，请阅读下面的注释)是使用"index.html“正文中的脚本和自定义签出表单。
浏览 2提问于2014-07-16得票数 2
回答已采纳
1回答
我有一个reactjs表单，在页面加载它将显示数据库中的所有值，用户可以更改和提交。当我尝试更改输入值时，它会更新状态，但不会更新UI。 以下是示例代码。我的表单有许多输入控件。 const [user, setUser] = useState({});
useEffect(() => {
//calling api and update state on page load
setUser(response);
}, [])
const handleChange= (e)=>{
let track= user;
track[e.targe
浏览 13提问于2021-10-05得票数 1
回答已采纳
当我在服务器端(使用JSP或其他服务器端技术)呈现HTML时，浏览器建议我保存登录/密码输入。
当我使用ReactJS来呈现表单时，我不会从浏览器中得到这些建议。
有没有办法让表单自动填写？
下面是来自ReactJS代码的我的表单示例
return (
<div>
<div className="registration-block">
<form onSubmit={e => this.handleSubmit(e)}>
浏览 14提问于2019-11-15得票数 0
在用户成功地发送我需要的表单之后，我使用ReactJ创建一个单独的组件，一个动态表单：
从形式上重定向
完全刷新窗口以获得新的html模板。在这里我不关心任何反应状态。在这个新位置中，不存在React (组件仅位于一个位置)。
到目前为止，我尝试替换历史记录，这会导致重定向而不是请求服务器检索那些新的html模板。怎么做？
浏览 1提问于2016-11-28得票数 0
回答已采纳
1回答
我正在开发一个基本的文档编辑应用程序。
每个文档都有一个数据模型，它是一个普通的javascript对象。我希望每个文档都有许多可能的模板，其中模板是服务器上的HTML表单。当用户切换文档的模板时，将从服务器检索模板HTML，并将当前模型值填充到输入中。
一个人会如何做出这样的反应呢？我正在考虑为每个模板创建一个组件，如下所示：
var TemplateOne = React.createComponent({
getDefaultProps: function(){
return {
margin: "0.5in",
layout:
浏览 4提问于2014-05-09得票数 4
回答已采纳
2回答
我在django后端有一个模型，带有验证器、choicefields等等。我想传递它来响应和显示它。首先，这是可能的吗？我想用验证器来完成它，但是仅仅html仍然很棒。其原因是：
避免在前面和后面的双常声明。例如，选择选项：“男性”、“女性”、“？？”需要在后端进行验证，并在前端显示和验证。
再次在表单的前端构建整个html，尽管django也可以轻松地创建所有的html。主要关注的是，再次选择具有许多不同自定义值的选项。
有一个名为的包，它有一个FormSerializer，但是它似乎确实有一个问题，我经常收到一个500个错误“不是JSON可序列化的错误”，如下所示：
nam
浏览 1提问于2016-10-11得票数 6
回答已采纳
我想使用validator.js对我的表单输入进行一些验证。我只想知道使用它的最好方法是什么，或者它是否存在另一个库来做验证，而不是更改我的html。
浏览 19提问于2019-04-08得票数 0
1回答
我学习了django-forms，我想创建一个看起来很好的表单，用css、bootstrap和html设置样式。但我发现我不能干净利落地做这件事(比如为样式创建单独的css表)，我必须通过python代码来做，这看起来不太好。有没有办法做到这一点？如果我尝试处理整个前端，我是否仍然需要在后端通过python设置一些样式，包括django表单？如果这是一个愚蠢的问题，我很抱歉，但我对reactjs还很陌生(实际上我还没有学会它)，而且我在django方面只有一点经验。
浏览 9提问于2019-06-24得票数 0
2回答
我正在开发一个样例reactjs应用程序(正在学习中)。我有一个页面，其中列出了用户列表和添加按钮，以添加新用户。
当我单击add按钮时，我应该导航到用户表单以创建新用户。
在单击user表单中的submit按钮后，它应该导航回第一个页面，在那里它应该列出用户列表和新用户。
如何在react中的页面之间导航？
浏览 1提问于2016-10-17得票数 9
回答已采纳
我有一个通用的JavaScript函数，如下所示: home.js function numericOdds(e) {
var valid = /^[1-9]{1}[0-9]{0,1}$/
var number = /^[1-9]{1}$ | ^[1-9]{1}[0-9]{1}$/
var lastValid = '';
var n;
console.log('Key pressed : ', event.keyCode)
if (!valid.test(e.target.value)) {
console.log('t
浏览 18提问于2021-05-01得票数 0
回答已采纳
我有一个表单，在那里我需要让用户输入位置。所以我使用npm包react-geosuggest-plus，，但我不想把<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAjmry-FVO4U1mTEtvYnYHsBPfVmNicsZsw&libraries=places"></script>
这在html页面的头部分，因为我只在一个文件中使用这个库。我用的是以webpack为代码的redux。请告诉我你的建议。
浏览 2提问于2016-09-06得票数 0
我正在尝试在ReactJS中重现滑动效果。我在HTML中有一个单选按钮，当我单击这个单选按钮时，它会滑动下一个表单。我的代码包含两个表单，登录和注册。以下是我所做的预览： import React, { useState } from "react";
import SignInForm from "./SignInForm";
import SignUpForm from "./SignUpForm";
function Log() {
const [registerForm, setRegisterForm] = useState
浏览 27提问于2021-07-30得票数 0
回答已采纳
我在React上胡闹了一下，我很喜欢它。它比Angular冗长得多(使用| filter的ng-repeat是无价的)，但是还好。
困扰我的问题是，我应该如何在Django模板中使用React。我应该把所有的javascript和"HTML“标记一起放到模板中吗？
实现Angular是非常无缝的。我只是将一些属性放入template/django表单类中，然后在一个单独的文件中编写javascript。包括该文件，它就完成了。
如何“使用”react？正确的方式是什么？
提前感谢！
浏览 0提问于2015-02-19得票数 74
回答已采纳
我正在创建一个简单的订阅表单，其中有两个输入电子邮件和兴趣。提交后，用户会收到一条感谢消息，而不是表单。我的问题是，我应该使用"Route“来实现该功能，还是有更好的方法。
第一个屏幕
提交表单后
有没有更好的方法在表单提交时切换组件？谁能给我指出正确的方向路线或有条件的开关组件。
浏览 0提问于2018-05-02得票数 0
1回答
我是Ruby on Rails开发人员。现在，我刚刚开始使用Reactjs。我对这个前端框架真的很陌生。我想知道我应该把我所有的.html文件都写成.js.jsx文件吗？
我在rails中看到有许多视图助手，如表单、嵌套表单、分页……但是如果我移动到Reactjs，我必须用javascript重写这些代码吗？在rails中使用gem will_paginate分页太简单，但在Reactjs中可能太复杂而无法重写。
这些都是我想知道我应该使用reactjs吗？其优势是什么？如何恰当地使用Reactjs？
浏览 0提问于2016-08-15得票数 0
1回答
我有一个用户用来访问仪表板的登录表单。我希望当我单击登录页面(.html)上的按钮时，应用程序会重定向到登录表单！
例如，我如何使用localhost:5000运行它？
浏览 0提问于2018-08-30得票数 0
回答已采纳
我正在用React和formik建立一个联系表单。我想使用Email.Js，它将允许我通过电子邮件发送电子邮件/我的联系人表格的详细信息超级容易。然而，没有任何关于集成formik和EmailJs.If的文档，任何人都使用过这样的技术，如果你能提供任何建议，那将是很酷的。这是我的代码，这就是我想要做的。我仍然是一个新的反应，所以让我知道，如果我做错了什么…
这是一种非形式化的做事方式。只需传递onSubmit并调用函数即可。
<form className="contact-form" onSubmit={sendEmail}>
下面是与我的formik表单相关的代
浏览 2提问于2021-03-04得票数 1
我在reactjs中集成paytm支付服务，我有一个请求，在nodejs的html文件中，我想从react提交表单，就像在react原生中我们有一个类似"WebView“的选项，这样通过使用内置属性"injectedJavaScript”，我们就能够通过在nodejs中使用表单名称来提交表单。
示例(在react原生中)：
<WebView
source={{uri: ""}}
injectedJavaScript={`document.form-name.submit()`}
/>
正如我们在上面的代码中看到的，这可以在react原生中使
浏览 25提问于2019-10-29得票数 0
我正在尝试构建一个带有自定义输入字段的表单。问题是形式的结构不是事先就知道的。我希望它能抽象出尽可能多的通用功能。因此，我创建了一个表单组件，它实际上负责存储所有输入组件的值，并在提交时执行操作。在表单中休息，说明html应该如何由用户编写。
下面是一个快照：
自定义输入字段：
class InputField extends React.Component {
constructor(props, context) {
super(props, context);
this.state = {
id: this.props.
浏览 0提问于2016-06-09得票数 0
5回答
我正在用ReactJS创建我的第一个应用程序，我在运行代码时发现了这个警告：
警告:失败的表单propType:您为一个没有onChange处理程序的表单字段提供了一个checked支柱。这将呈现一个只读字段。如果字段应该是可变的，请使用defaultChecked。否则，设置onChange或readOnly。检查Login的呈现方法。
谁能告诉我我怎么修好它吗？
浏览 4提问于2016-04-19得票数 51
回答已采纳
1回答
我创建了两个组件App和Inner组件App包含一个表单。
我的内部组件包含一个const数据，我将其传递给dangerouslySetInnerHTML以设置内部html。所以可以有任意数量的输入字段。有时它可以有3到5个输入字段。
有可能有反应吗？正如我所看到的，在这种情况下，我不可能有双向绑定。
因为我认为这是不可能的反应？
export default function App() {
const handleSubmission = e => {
e.preventDefault();
};
return (
<div className=
浏览 3提问于2020-05-16得票数 2
回答已采纳
1回答
ReactJS Redux-表单
、、、、
我有几个输入域的表单，提交模糊动作的值。当用户更改文本字段中的内容时，会调用CHANGE。但只有模糊才能调用文本字段中成功提交的值。
因此，您必须单击外部或使用tab键模糊显示。或者使用经典的按钮提交点击。
我需要通过按enter键使其正常工作。在输入中按enter键时，它调用Touch，然后提交表单。
我错过了什么吗？或者是表单的默认行为？
浏览 6提问于2017-08-07得票数 0
回答已采纳
背景：
我需要允许用户创建各种产品的网页，每个页面都有一个标准的整体外观。因此，基本上，我将有一个模板，根据输入数据，我需要为每个产品生成HTML页面。输入数据将通过web表单提交，然后将数据与模板合并以生成输出。
我最初考虑使用一种纯粹的模板方法，比如Nunjucks，但由于我以前对后者有经验，所以我转到了ReactJS。
问题：
一旦显示了输出页面(通过将用户输入添加到带有占位符的模板文件中)，我将在浏览器中显示所需的输出页面。但是我现在如何获得这个特定页面的HTML代码呢？
当我试图查看页面的源代码时，我看到了'public/index.html‘的内容，声明：
这个HTML文
浏览 0提问于2020-11-10得票数 3
0回答
有没有什么方法可以在ReactJS脚本中使用Django表单，比如在JSX文件中包含{{ form }}？
我有一个显示表单的视图，它是使用React呈现的。当我从一个页面加载此页面时，这些字段中的数据应该为空，但当我从另一个页面单击此视图时，我希望在此表单中预先填充日期。我知道如何使用Django表单和表单视图来做到这一点，但我不知道在哪里引入React。
浏览 6提问于2016-07-09得票数 4
回答已采纳
下面的代码在windows Tab处于焦点位置时调用axios API。源Stackoverflow link 现在，我正在处理chatText消息的表单输入。我的问题是 当表单输入被聚焦时，如何发出API请求。每当我的表单输入进入焦点时，我希望得到一个回调。 下面是表单输入 <input type="text" name="chatText" onFocus={this.onFocus} /> 以下是代码 import React, { Component, Fragment } from "react";
import {
浏览 22提问于2019-02-21得票数 0
回答已采纳
1回答
我是个新手。我创建了一个简单的登录表单和注册表单。我对后端的使用有点困惑。我已经用谷歌搜索过了(lol)，我看到了各种各样的答案，从使用AWS到使用NodeJS/Express创建另一个项目。
对于初学者来说，最好的方法是什么？让我困惑的是，我正在处理我的React应用程序中的所有路由。我看过的教程似乎处理NodeJS/Express部分中的路由。
浏览 7提问于2018-08-31得票数 0
回答已采纳
目前，我有一个用django模板呈现的django注册表单。我开始切换到ReactJS，所以我想将该表单更改为使用react呈现的模态窗口。
模式将替换表单，因此它将在其主体中包含一个表单，其中包含与django表单相同的输入字段，在开始之前，我需要知道模式是否会与表单一样工作，或者我是否需要做一些更改，如将其绑定到django视图。
浏览 1提问于2017-05-07得票数 1
2回答
我将尽量简明扼要，我必须为学校项目做一个Reactjs项目，我的任务是取一个现有的html/css主题，并将其放在React组件中。
但是我从一开始就遇到了一个问题，我使用CreateReactApp作为一个干净的开始并导入主题的index.css。创建基于主题的基本表单，并有此错误。(当我删除index.css时，她不同意)
错误我看到
./src/css/index.css
找不到模块:无法解析'C:\Users\50031\Documents\React-Project-master\src\css‘中的“./图像/类别-1-bg.jpg”
项目的结构是
非常感谢，我已经
浏览 4提问于2017-12-04得票数 1
2回答
因此，我正在尝试创建一个包含几个HTML输入的动态表单。我有一个对象Forms数组，其中包含应该呈现的input的type。目前我可以渲染几个输入，比如文本区域，但是我如何处理单选、复选框、选择以及它们的选项呢？任何帮助都将不胜感激。 请参阅此CodeSandbox。 检查此示例代码：- class App extends React.Component {
state = {
Forms: [{
name: "select",
type: "select",
options: ["a&#
浏览 32提问于2020-06-19得票数 0
回答已采纳
1回答
我在这样的表单中有多个组件：
<Form_element check_empty={true} required={true} rows="1" label="Question"</Form_element>
Form_element的定义是：
var Form_element = React.createClass({
getInitialState: function () {
return({valid:false});
)},
render:function()
{
return(<input req
浏览 3提问于2016-12-07得票数 0
回答已采纳
1回答
目前，我遇到了引力表单和ReactJS的问题。我正试图在ReactJS组件中将重力表单作为一个模块加载，以供联系人使用。基本上，我目前的设置方式是在加载表单的情况下，从WP-API中为页面执行一个WP-API，然后使用dangerouslySetInnerHTML在组件中构建页面。但问题是，当我尝试提交表单时，它给我的POST带来了一个问题。它试图从URL将其提交给GET。在这个问题上，我需要一些认真的帮助，那才是最好的方法。
import React, { PropTypes } from 'react';
import Modal from 'react-modal
浏览 0提问于2016-06-20得票数 4
1回答
我读过关于的文章，我只读过两种在表单中管理数据的方法。
第一个是refs，在每个数据输入中输入参考文献：
class CustomTextInput extends React.Component {
constructor(props) {
super(props);
this.focus = this.focus.bind(this);
}
focus() {
// Explicitly focus the text input using the raw DOM API
this.textInput.focus();
}
rende
浏览 3提问于2017-01-21得票数 1
回答已采纳
今天早上，我试图不做一些愚蠢的事情，但我发现自己喜欢使用HTML5 data-*属性。我已经安装了 rails gem，它在html.erb中工作得很好，在一个表单中：
<%= f.country_select :location, { priority_countries: ["GB", "US"], selected: "GB" } %>
我把这个扯进Reactjs的愚蠢方法是：
html.erb:
<div id="foo" data-countries="<%= f.country_sele
浏览 1提问于2015-11-27得票数 2
2回答
我在react上工作，并希望指定href链接到react js中的另一个组件。下面是我正在处理的href属性，并希望重定向到另一个名为MenuForm的组件。此组件具有用于菜单输入的表单。我希望表单在我单击菜单链接后打开。
<a href="#" className="btn btn-primary">Menu</a>
我要重定向的组件是MenuForm <MenuForm />
浏览 4提问于2019-03-14得票数 0
1回答
我想在用户单击提交时通过表单发送电子邮件
为此，我使用smtpjs包，您可以在此处的中查看站点
在纯js中，我们必须将这行代码添加到html head标记中。
<script src=
"https://smtpjs.com/v3/smtp.js">
</script>
然后我们可以使用Email.send({})发送电子邮件
但对于react来说
我尝试在index.html的head中添加前面提到的代码(脚本标签
并尝试将其用作Email.send({})和window.Email.send({})
而且它不能识别Email
所以我的问题
浏览 0提问于2021-04-21得票数 1
3回答
我有一个react组件，它是一个包含各种字段的表单，我希望能够通过传递道具来隐藏各种字段。Id有一个名为hideElements的道具，它包含一个Id列表，这些Id将与表单元素的引用相匹配。
如果我使用jquery通过引用获取每个元素，并在componentDidMount中添加一个“隐藏”类，那么它会在react中引起问题吗？有更好的方法吗？
浏览 4提问于2015-09-20得票数 1
回答已采纳
我正在基于构造函数中的状态构建动态地构建一个表单。我正在成功地构建外部html，但是内部表单html没有呈现。cAN有人指出我在这里做错了什么吗？
class Forms extends Component {
constructor(props) {
super(props);
this.state = {
enrollment: {
class: "form-style",
fieldsets: [{
id:
浏览 1提问于2017-10-13得票数 1
回答已采纳
我有一个为联系我们生成的Zoho CRM网页表单。我需要将该表单集成到我的react应用程序中并提交用户输入。我可以得到生成代码的iframe版本、javascript版本和HTML/CSS版本。我想知道哪一个最适合Reactjs PWA应用程序，我们可以直接在react中使用它吗？有人能帮我一下吗？
浏览 0提问于2021-03-02得票数 0
在html表单中，我有这个选择菜单。这就像一个配置文件，用户可以稍后对其进行编辑并更改其值。下面是呈现表单的FirstComponent代码：
export const FirstComponent = React.createClass({
handleLanguageCode: function(langValue) {
this.setState({
language: langValue
});
},
renderField() {
return (
<div>
浏览 1提问于2016-08-08得票数 0
我正在为我的表单使用物质ui + react表单
<MuiPickersUtilsProvider utils={DateFnsUtils}>
<Controller
name="date_of_birth"
control={control}
defaultValue={new Date()}
render={({ field: { ref, ...rest } }) => (
浏览 1提问于2021-08-29得票数 0
1回答
我有使用Django模板呈现的Django表单。现在，我想将React组件添加到其中一个表单字段(从长远来看，可能还会添加到多个字段)。
根据我到目前为止所读到的，最好不要将Django模板与React呈现混合在一起，让Django只作为后端API发送JSON数据到React，而React则接管整个表单呈现。因此，我现在正尝试完全通过React重新呈现我的表单。
现在，我创建了serializers.py来定义要发送到React的数据，并在我的环境中设置了Django Rest Framework，而不是forms.py。现在，我正在尝试弄清楚如何发送这些数据。有一些很好的在线教程(以及一些帖
浏览 0提问于2017-02-17得票数 36
回答已采纳
我需要像本机表单验证这样的html5功能(‘必需’属性等)在较老的浏览器中也是如此，所以我通常使用：然而，现在我必须使用ReactJS，我想确认与它一起使用polyfills是否安全？我真的不明白它们将如何影响React处理DOM的方式。
浏览 3提问于2014-10-24得票数 1
我有两个组件，一个用于填写表单，另一个用于在提交后显示输入。但是，它目前只在表单提交之前显示输入，然后它就消失了。提交表单时，父组件的状态会发生什么变化？
class Form extends Component {
constructor(props) {
super(props);
this.state = {
equation: null
};
}
render() {
return (
<div>
<form onSubmit={this.mySubmitHandler}>
浏览 1提问于2019-11-20得票数 0
2回答
我试图向API提交登录表单，但是API没有通过post请求测试。
ReactJS行动：
/**
* Sends login request to API
*/
export function login(email, password) {
console.log('Credentials:', email, password)
const request = axios.post(`${ROOT_URL}login/login`,
{
email,
password
})
浏览 2提问于2017-09-20得票数 6
回答已采纳
我使用ReactJS的时间不长。我有一个我认为一定很常见的情况，但我没有在任何例子中看到它，我想知道是否涉及到任何最佳实践。
这个场景简单地说，我的应用程序中有3种表单，FormA、FormB和FormC。我已经将每个表单写成一个单独的ReactJS组件。当用户登陆网站时，将显示FormA。根据FormA上的输入，接下来将显示FormB或FormC，完全替换页面上的FormA。
我不认为“路由”是答案，因为我不希望URL反映当前的应用程序状态，我也不希望用户能够通过更改URL来更改表单。表单(组件)的转换应该只基于业务规则。
我知道ReactJS不是一个框架，但这似乎是一个非常常见的场景，一些
浏览 4提问于2016-02-18得票数 5
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
