React While循环架构
是一种基于React框架的前端开发架构，它结合了React的组件化和虚拟DOM的特性，以及While循环的概念，用于构建可复用、高效、可维护的前端应用程序。
在React While循环架构中，应用程序的界面被拆分成多个组件，每个组件负责渲染特定的UI部分。这些组件可以嵌套在一起，形成一个组件树。通过使用虚拟DOM，React能够高效地更新和渲染组件树中的变化。
While循环是React While循环架构的核心概念之一。它指的是在组件树中循环遍历组件，并根据数据的变化来更新组件的状态和UI。当数据发生变化时，React会自动计算出需要更新的部分，并只更新这些部分，而不是重新渲染整个界面，从而提高了性能。
React While循环架构的优势包括：
- 组件化：通过将界面拆分成多个组件，可以实现组件的复用和模块化开发，提高开发效率和代码的可维护性。
- 虚拟DOM：React使用虚拟DOM来跟踪界面的变化，并高效地更新和渲染组件，减少了对实际DOM的操作，提高了性能。
- 数据驱动：React通过使用状态和属性来管理组件的数据，当数据发生变化时，React会自动更新组件的状态和UI，简化了数据管理的过程。
- 高性能：由于React只更新变化的部分，而不是整个界面，因此可以提供更快的渲染速度和更好的用户体验。
- 生态系统：React拥有庞大的生态系统，有丰富的第三方库和组件可供使用，可以快速构建各种类型的应用程序。
React While循环架构适用于各种类型的前端应用程序，特别是需要频繁更新和渲染界面的场景，如实时数据展示、大规模数据可视化、交互式应用等。
腾讯云提供了一系列与React While循环架构相关的产品和服务，包括：
- 腾讯云云服务器（CVM）：提供可靠的云服务器实例，用于部署和运行React应用程序。
- 腾讯云对象存储（COS）：提供安全、可靠的对象存储服务，用于存储React应用程序的静态资源。
- 腾讯云内容分发网络（CDN）：提供全球加速的内容分发网络，用于加速React应用程序的访问速度。
- 腾讯云云数据库MySQL版（CDB）：提供高性能、可扩展的云数据库服务，用于存储React应用程序的数据。
- 腾讯云云函数（SCF）：提供事件驱动的无服务器计算服务，用于处理React应用程序的后端逻辑。
更多关于腾讯云产品和服务的详细介绍，请访问腾讯云官方网站：腾讯云。
相关·内容
我有一个有很多按钮和标签的窗口。问题是，当我关闭这些窗口时(通过小红叉)，程序仍然在任务管理器中工作(我想是因为我的代码中有while循环)。在以下示例代码中：
void MainWindow::on_pushButton_2_clicked()
{
while (true)
{
//do something.........
}
}
那么，我如何才能感知到小红叉并完成while循环呢？
浏览 1提问于2013-03-13得票数 0
1回答
我对monrepo的/yarn工作区/lerna比较陌生。我正在开发一个React / TypeScript monorepo，其中我清理了循环依赖。我只是认为它们不应该存在于一个干净的代码架构中。我知道，当你想重构应用程序的某些部分，研究应用程序的架构，或者只是想在另一个项目中引用其中一个代码库时，它们会让你的生活变得更容易。
但是，有没有人能提供一个很好的例子，说明在TypeScript/React项目中，循环依赖实际上导致了错误？可能与以循环方式导入类型有关，还是在其他地方？
首先要感谢大家！
阿希姆
浏览 6提问于2021-02-17得票数 0
我无法让react-native的this.setState();正常工作。
当我运行onUpdate方法时，我可以看到返回的是正确的JSON对象。
问题是，当调用setState函数时，什么都不发生，方法失败。它下面不再执行更多的代码。它也不会在setState函数之后重新呈现组件。
下面是我的组件代码：
var App = React.createClass({
getInitialState: function() {
return {
view: Login,
menu: false,
}
},
componentDidMount
浏览 0提问于2015-04-06得票数 6
回答已采纳
1回答
当我有异步方法、线程和循环时，我该如何使用mockito模拟USBConnection类呢？这个原型背后的基本思想是，USBConnection应该每秒将数据发送到Arduino.class中的可变速度，而Arduino每秒打印出该值。
我想模拟的是USBConnection类。任何实现这一目标的技巧和指导方针都是值得赞赏的。
public abstract class Arduino {
private static int speed;
public static void setSpeed(int a) {
speed = a;
}
public static int ge
浏览 0提问于2016-02-25得票数 0
我不明白这两个“表达式”之间的实际(语义)差异。
据说“循环”适用于"react“和"while(true)”的“接收”，因为"react“不返回，而"loop”是一个会再次调用主体的函数(至少这是我从源代码中推断出来的--我对使用的“andThen”并不是很熟悉)。“接收”阻塞池中的一个线程，“反应”不会。但是，对于"react“，查找的是函数可以附加到的线程。
所以问题是:为什么我不能把"loop“和"receive”一起使用呢？它的行为似乎也不同(而且更好！)而不是"while(true)“变量，至少这是我在分析器中观察到的
浏览 0提问于2009-08-16得票数 6
回答已采纳
2回答
所以我在viewController的viewDidLoad方法中放了一个while循环，但是当我加载视图控制器时，它不工作，并给了我一个SIGTERM。下面是while循环的代码。
- (void)viewDidLoad
{
while (appDelegate.gobletCheckInt == 0 || appDelegate.gobletCheckInt == 1) {
if (CGRectIntersectsRect(mainSprite.frame, getGobletImg.frame)) {
haveGobletImg.image = [UIImage
浏览 0提问于2011-12-29得票数 1
我有一个c# winform桌面应用程序。它通过调用我的web方法来检查我的服务器上的消息。
在开发过程中，这个web方法并不总是可供我的测试客户端使用。
尽管如此，客户端仍在调用此web方法。
我注意到在这个场景中(在我的个人电脑上) CPU的使用率达到了25%。
目前，我的web方法在while(true)循环中在我的客户机上被调用。随后，递归地调用web方法。
这个while循环是由一个新线程启动的。
我有一个c# winform桌面应用程序。它通过调用我的web方法来检查我的服务器上的消息。
在开发过程中，这个web方法并不总是可供我的测试客户端使用。
尽管如此，客户端仍在调用此web
浏览 1提问于2013-11-07得票数 0
回答已采纳
上的相关文章
目前，我很难在我的react-redux应用程序中正确使用这两个库。
我的代码如下所示：
index.js
import { Provider } from 'react-redux';
import { ConnectedRouter } from 'connected-react-router';
...
ReactDOM.render(
<Provider store={store}>
<ConnectedRouter history={history}>
<App />
&
浏览 10提问于2018-11-24得票数 1
2回答
我有一个电子应用程序，我需要通过UDP发送大量数据。这个过程是通过在我的React UI中单击一个按钮来启动的，这个例子简化了我的问题。我的React按钮： <button
onClick={() => {
foo();
}}
>
Run foo
</button>; Foo函数： export const foo = async () => {
while (true) {
console.log("hello");
}
}; 虽然foo是异步的，但它仍然冻结了React UI！
浏览 18提问于2020-08-29得票数 3
我正在使用react-native构建一个新的应用程序，并将其上传到play控制台，它总是与我的配置具有相同的版本。然后，我们必须更改一些代码，并包含一些新的库，使其大小增加了近40mb。我已经搜索了如何压缩大小，有些人建议设置def enableSeparateBuildPerCPUArchitecture = true def enableProguardInReleaseBuilds = true，如果成功了，我们的应用程序大小就会减半。但是当我们上传它时，versionCode变得不匹配。这是我的配置： defaultConfig {
applicationId &#
浏览 9提问于2019-06-13得票数 0
回答已采纳
我有一个带有GraphQL客户端(中继)的React应用程序。我需要进行一个内省查询来获取某个枚举的所有类型。这是我的问题： import { graphql } from 'react-relay'
export const corporationTypeEnumQuery = graphql`
query corporationTypeEnumQuery {
__type(name: "CorporationTypeEnum") {
enumValues {
name
}
}
}
` 当我尝
浏览 32提问于2021-06-21得票数 0
回答已采纳
1回答
这种复制字符串的方法比单独复制每个字符更快吗？这段代码的思想是，它可以更快地一次复制8个字节而不是一个字节(但我不确定是否如此)。这是非常不安全的，但似乎在某种程度上起作用。还是只是个坏主意？
#include <stdio.h>
#include <stdlib.h>
#include <string.h>
void* copy_string(char s[])
{
int len=strlen(s);
int i=0;
double *p=(double*)s;
double *copy=(double*)malloc
浏览 3提问于2015-12-17得票数 0
回答已采纳
我需要从串行端口读取数据并将其发送到websocket。我循环到一个while中，当一些数据到达时，我把它抛出。
给出下面的代码，这是对的一个非常小的修改，send()代码永远不会执行，我不知道为什么。我尝试在一个独立的php中发送代码，它可以工作，但当我将它添加到while循环中时，它看起来从来没有执行过。我看到INVIO正在调试，但随后它返回到LOOP，并且没有广播任何消息。
我甚至尝试了没有React循环的更简单的例子，但行为完全相同，send()显然永远不会到达。
$loop = \React\EventLoop\Factory::create();
$
浏览 5提问于2019-03-19得票数 0
1回答
我能够在模拟器中构建和运行这个应用程序。但是，每当我想要将它存档(选择任何ios设备)以将应用程序发布到AppStore中时，我就会收到这个错误。
ld: warning: directory not found for option '-L/Users/bigyankarki/Library/Developer/Xcode/DerivedData/Neex-dnesybikpygafkfxhimxsgrjawis/Build/Intermediates.noindex/ArchiveIntermediates/Neex/BuildProductsPath/Release-iphone
浏览 3提问于2022-07-28得票数 0
1回答
我正在尝试验证我的Ionic react表单，但在useForm方法中调用validationSchema时出现以下错误。在尝试调用useForm中的validationSchema时，我得到的错误是Argument of type '{ validationSchema: ...... is not assignable to parameter of type 'Partial<{ mode: "onBlur"......，下面是我的主登录表单代码：
import React, { useState } from "react";
浏览 2提问于2020-10-21得票数 1
我正在使用React Native 0.68，并试图使用TurboModules和Fabric
这是我的AppDelegate.mm文件
#import "AppDelegate.h"
#import <React/RCTBridge.h>
#import <React/RCTBundleURLProvider.h>
#import <React/RCTRootView.h>
#import <React/RCTAppSetupUtils.h>
#if RCT_NEW_ARCH_ENABLED
#import <Rea
浏览 47提问于2022-04-09得票数 1
回答已采纳
1回答
在附加的图片中，我希望根据所选的圆形类型，在“选择圆形类型”选项下添加一个不同的组件。
增加一个回合是没有问题的。但是当我添加一个新的回合，并尝试为它做同样的事情时，组件本质上是相同的，但重复。
正如您在这里看到的，这两个表单要么是可见的，要么是不可见的。
我遵循的是一种错误的方法，我只是将表单组件添加到映射的轮次中，因为每轮的表单都是相同的，所以它连接到其他轮次的所有表单。
我想要的是我应该能够选择不同的轮次类型，并在每一轮中获得相应的输入字段。
可见，一旦我在第二轮中点击了不同的回合类型，第一轮也会发生变化。
添加倒圆角功能是使用AntDesign组件实
浏览 13提问于2021-07-01得票数 0
1回答
我有一个名为分配的表，如下所示
CREATE TABLE allocate(
mid int(10),
pid int(20),
day1 int(2),
day2 int(2),
...
day31 int (2)
);
在mid中，我有一个与一个月相对应的数字(1是一月，2是二月等等)。在day1中，通过day31，我有数值。我现在正试图检索和更新相同的数据，但我无法做到。
我使用以下代码检索每个月的数据：
mysql_connect("$host", "$username", "$password&
浏览 3提问于2013-08-16得票数 1
我有一个复杂的父类，它从服务器获取数据，并包含一大堆复杂的逻辑。现在，我想以多种方式呈现这些数据。仅仅将整个父对象作为道具传递给子对象有什么错吗？如下所示：
export class Parent extends React.Component {
constructor(props){
super(props);
this.state = {
some_text = "Hello World"
many many state things that may be set by fetch
浏览 0提问于2019-08-02得票数 2
我刚刚用Java中的循环做了一个小测试。我假设Java中的位移位速度通常比默认的整数增量要快。下面是我的示例代码：
final int n = 16;
long n1 = System.nanoTime();
for (int i = 1; i < 1 << n; i <<= 1) {
// nothing
}
long n2 = System.nanoTime();
for (int i = 0; i < n; i++) {
// nothing
}
long n3 = System.nanoTime();
System.out.print
浏览 4提问于2012-11-29得票数 1
回答已采纳
我在Google Play商店遇到了麻烦，它坚持我的应用程序是由410台设备支持的。我已经在Google上上传了app-x86-release.apk ase.apk，它显示了支持的Android devices 410设备。我尝试了我在社区和其他地方找到的所有解决方案，但都没有成功
AndroidManifest.xml :-
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools&
浏览 20提问于2018-09-07得票数 2
回答已采纳
假设我有一个呈现5个图标的功能组件。
这样做是可以的：
export default const Icons = () =>
<div>
<Icon/>
<Icon/>
<Icon/>
<Icon/>
<Icon/>
</div>;
但也可以这样做：
const icon = <Icon/>;
export default const Icons = () =>
<div>
浏览 2提问于2018-09-05得票数 0
1回答
提前感谢你的帮助。
我正在尝试在React中创建一个应用程序。工作流程是用户看到的注册模式。在那里他们添加他们的名字和电子邮件。
提交表单后，他们被带到主屏幕，他们的名字显示在右上角的头像图像旁边。
我正在使用React Router来达到这样的效果
var routes = (
<Router history={createHistory()}>
<Route path="/" component={NewUserForm}/>
<Route path="/user/:userName" c
浏览 0提问于2016-06-15得票数 1
我有一个when循环，它输出由于T/F选项卡而终止时在下游使用的值。我希望这样，当我单击T/F选项卡退出while循环时，当该选项卡保持为真时，会跳过while循环，并且下游发送的值只是最后一次迭代的值(假设我可以不输出任何内容)。
我尝试用case结构来实现这一点，但是我遇到了困难，因为两个框架都必须为所有的输出赋值或使用默认值。我真正想要的也许是另一个T/F选项卡，如果是真的话，程序将继续通过while循环，而不是运行一次，然后继续运行。
希望这是合理的！
浏览 0提问于2015-01-13得票数 0
回答已采纳
我注意到，即使是一个简单的网页，显示“你好世界”占用超过600 MBs在我的笔记本电脑，单是node_modules文件夹就像590 MBs对我来说。而且，当我运行npx create-react-app时，每件事情都需要几分钟的时间来准备，我假设这是因为对于每个React应用程序，npm都生成一个新的node_modules
只是好奇，为什么会这样？为什么不能反应应用程序依赖于全局依赖，所以所有应用程序只有一个node_modules (如果有办法，请告诉我)？
浏览 3提问于2022-07-26得票数 0
回答已采纳
我两个小时前开始学习React和FluentUI。我正在尝试互联网上提供的各种教程，但无法完成FluentUI包的安装步骤。我得到以下错误：
npm i @fluentui/react
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: fluent-ui-todo-app@0.1.0
npm ERR! Found: react@17.0.1
npm ERR! node_modules/react
npm ERR! reac
浏览 0提问于2020-12-10得票数 0
我用的是反应钩表和验证表。字段允许用户提交表单而无需填写此字段，但如果用户填写此字段，则用户只能填充与regex匹配的字符串(我的regex为检查个人名称)。我遇到的问题是，当用户提交表单而没有在文本字段中输入任何值时，react钩子表单一直在验证并显示错误(如果我使用Formik，则不会发生这种情况，但出于性能原因，我必须使用react钩子表单)。
代码框链接：
import React from "react";
import ReactDOM from "react-dom";
import { useForm } from "react-hook
浏览 7提问于2022-11-05得票数 0
回答已采纳
我正在尝试使用Appollo学习Graphql。我为国家编写了一个没有问题的查询，如果我硬编码代码的值，我可以为国家编写一个查询:但是当我尝试使用变量选项时，当我检查网络时，我看到变量选项是空的。我已经重写了代码很多次，尝试它的方式，文档有它，然后以某种方式，人们已经在这里做了，但出于某种原因，它只是不能工作的变量。不知道是我的语法还是别的什么。在这一点上，我在想，也许我已经看了很久，我错过了错误。会很感激你的帮助。这是我用来测试的API。
import React, { useState, useEffect } from 'react';
import { con
浏览 5提问于2022-01-25得票数 0
回答已采纳
1回答
反映json模式形式关系
、、、
从步骤1下拉列表中，如果用户在提交后选择一个，则将其重定向到step2schema，如果他在提交到step3schema后选择两个重定向。这里是jsfiddle (查看我的链接)：
const Form = JSONSchemaForm.default;
const step1schema = {
title: "Step 1",
type: "number",
enum: [1, 2],
enumNames: ["one", "two"]
};
const step2schema = {
title
浏览 3提问于2017-11-08得票数 0
回答已采纳
我正在尝试使用useNavigation()钩子与react导航进行交互，以响应我在useEffect()中注册的回调。临时器警告我，useEffect()缺少依赖项。如果我添加导航钩子作为依赖项，效果将继续运行。我试图避免这种情况，并且想知道除了忽略linter错误之外，是否还有其他正确的方法。
如果不提供依赖数组，则会导致相同的行为，即效果会持续激发。
这可能是react-navigation-hooks包中的useNavigation()钩子如何工作的潜在问题。
function MyComponent() {
const navigation = useNavigation()
浏览 43提问于2019-05-22得票数 3
回答已采纳
使用Python，我想同时运行两个循环。第一个是一个常规的while循环。第二个是while循环，它基于来自蓝牙连接的PS4控制器的文件事件。 这两个循环需要知道其他循环在做什么。 以下是相关代码，以及对缺失代码的一些注释： # Read PS4 controller events
infile_path = "/dev/input/event4"
in_file = open(infile_path, "rb")
FORMAT = 'llHHi'
EVENT_SIZE = struct.calcsize(FORMAT)
event = in_
浏览 27提问于2020-08-01得票数 1
1回答
我是新手，慢慢来。我的理解是，React代码完全在客户端运行，因此在react-router中有受保护的路由只是一种UI便利，它们实际上根本不受保护，对吧？
那么，在react应用程序中保护路由的公认方法是什么？我唯一能想到的就是有多个react应用程序，一个在用户未登录时交付，另一个在用户登录时交付。这是正确的吗？我完全误解了react是如何工作的吗？谢谢。
浏览 11提问于2018-05-31得票数 4
回答已采纳
4回答
我想要获取所有以_tbl结尾的数据库表名，如xyz_tbl、pqr_tbl等。在mysql中使用java.pls帮助我..目前，我的查询检索所有的表名，但我只需要以_tbl结尾的表名。我的代码是...
public List selectTable() {
List tableNameList= new ArrayList();
try {
DatabaseMetaData dbm = c.conn.getMetaData();
String[] types = {"TABLE"};
c.rs = dbm.get
浏览 3提问于2012-11-06得票数 0
回答已采纳
在Actors body中，我们需要在loop()方法中编写react()方法。我想知道这个循环方法与"for“或"while”循环有什么不同？
GPars文档说"loop()与嵌套的react()块协作，并将确保在后续的消息检索中循环。“我不太明白这一点。根据我的理解，无论我们为循环方法提供什么闭包，它都会被一次又一次执行无数次。那么，与嵌套的react()块进行协调是什么意思呢？
浏览 0提问于2012-06-20得票数 2
3回答
.net的通量模式
、、、、
我正在学习React，这是一个由Facebook创建的javascript库。对于较大规模的应用程序，强烈建议使用Flux模式/体系结构。
问题是所有React + Flux使用节点的教程.
我发现在.net中使用Flux的教程很少.
ReactJS.net是使用.net的一个很好的起点，但没有在.net上实现Flux模式。
是否可以将目前与React和Node一起使用的Flux模式与React和.net?一起使用？
浏览 8提问于2015-03-29得票数 6
回答已采纳
我使用的是Next.js，error.This是这样的代码：
import React from "react";
import { Container, Col, Row } from "react-bootstrap";
import Image from "next/image";
export default function fs() {
return (
<div>
<Container>
<Row>
<Col lg="4&#
浏览 8提问于2022-04-20得票数 1
2回答
import cgi
def fill():
s = """\
<html><body>
<form method="get" action="./show">
<p>Type a word: <input type="text" name="word">
<input type="submit" value="Submit"</p>
</form></body>&l
浏览 0提问于2011-05-15得票数 0
我使用React和AWS (nodejs)作为我的应用程序的类型记录。
因为有些部件采用graphql，所以有很多重复的类型定义。
(例如为了制作“Post”特性，我现在必须分别定义前后相关的类型:Post、createPost、postInput.等)
我可以通过npm私人帐户在他们之间共享类型定义吗？
或者，有什么方法来共享它吗？
或者这个问题可以是“前端开发人员和CDK开发人员如何就他们的类型定义进行交流？”？
为了一致性和有效性，我只想定义一次类型。
谢谢。
(补充资料)
我正在开发一个应用程序，通过React前端和AWS CDK后端。反应正面和CDK正在使用类型记录。
对于数据获取
浏览 5提问于2021-06-09得票数 0
我尝试使用react-jsonschema- form -extras将React表单显示为表，但得到以下错误： "TypeError: Cannot read property 'tableCols' of undefined" 我正在使用react-jsonschema-form和react-jsonschema- form -extras创建一个React表单。除了""ui:field"："table"“之外，所有的特性对我来说都工作得很好。See GitHub documentation. const schem
浏览 15提问于2019-07-01得票数 0
1回答
我正在使用react呈现一个图表，我想在该图表的标题中添加一个元素。不幸的是，我使用的是一个共享的图表组件，主要修改该组件将很难证明是合理的。 我尝试过使用refs；然而，我遇到了困难，无法弄清楚如何将虚拟dom元素作为子元素进行实际附加。 特定图表类： class ChartWithInfo extends React.Component {
constructor(props){
super(props);
this.chartWrapperElement = React.createRef();
}
compo
浏览 20提问于2019-10-04得票数 0
1回答
我应该减少集合变量吗
、、、
我有两个C++代码：
代码1: Reduce赋值变量
While(alive)
{
if(health < healthMax) health = healthMax;
}
代码2:不约简赋值变量
While(alive)
{
health = healthMax;
}
我不知道set和get是如何工作的，但我个人认为set会改变/写入内存中的数据，并且只获取读内存，所以最好是获取并减少set --这就是为什么我现在更喜欢Code 1。我这样想对吗？
感谢您的阅读:)
浏览 13提问于2016-08-17得票数 0
回答已采纳
1回答
我想在我的应用程序中的两个页面之间传递数据，但我的主页仅在应用程序重新启动时重新加载数据，而我的第二个页面立即打印并存储我的数据
这是我的第二页
import React, { Component } from 'react';
import {
TouchableHighlight,
TouchableOpacity,
AsyncStorage,
AppRegistry,
StyleSheet,
Navigator,
TextInput,
ListView,
onPress,
Button,
Image,
Text,
Vi
浏览 2提问于2017-01-12得票数 1
我想创建一个持续执行任务的Actor，然后它可以被外部调用停止，但却被完全阻塞了。
参与者应该看起来像下面这样
myActor = actor {
loop {
react { message ->
if(message instanceof String && "stop".equals(message))
{
stop()
}
}
}
浏览 3提问于2014-07-29得票数 1
在我的react项目中，在组件中，我希望包括一个npm模块，如下所示：
var mongoose = require('mongoose');
mongoose.connect('mongodb://localhost/test', {useNewUrlParser: true});
这在常规节点js中确实有效，但react显示的是一个TypeError: mongoose.connect is not a function。尝试import mongoose from 'mongoose'返回一个TypeError: mongoose__WEB
浏览 4提问于2020-01-27得票数 0
回答已采纳
1回答
我正在尝试为函数组件中字符串中的单词数动态创建一个框。
import React from "react";
import "./guessBox.styles.scss";
const Guessbox = ({ wordLength }) => {
let counter = wordLength
return (
<div className='guess-box-container'>
{while(counter >0)(
<
浏览 0提问于2020-08-04得票数 0
我一直在尝试理解scala中的演员，但我仍然不理解……
以下代码：
def main(args: Array[String]){
while(true){
println("inside main")
MyActor ! "go"
}
}
object MyActor extends Actor{
def act(){
loop{
react{
case _ => println("inside actor")
}
}
}
}
它打印的是ins
浏览 0提问于2011-05-24得票数 0
回答已采纳
我有一个组件，其中有一个form和validationSchema (我使用formik)。
我的验证模式使用react-intl来转换消息。不幸的是，我在两个不同的地方有相同的模式，我想导出它以便在另一个地方导入。由于intl的原因，我不知道该怎么做。
我的代码：
import { injectIntl, intlShape } from 'react-intl';
const MyComponent = (props) => {
const { intl } = props;
const setValidationSchema = () => ({
c
浏览 5提问于2020-05-05得票数 1
2回答
非必需字段的Yup验证
、、、
我在我的项目中有一个概要文件创建表单，我正在使用react form和yup库进行验证。
在表单中有一个名为Github-Username的字段，它是可选的。但是，如果用户输入用户名，并且应该超过2个字符，类似的情况，我想验证它。
const schema = yup.object().shape({
company: yup.string().min(3).required(),
website: yup.string(),
location: yup.string().min(2).required(),
skills: yup.string().min
浏览 4提问于2021-03-25得票数 15
回答已采纳
6回答
for (i=0 ; i<=10; i++)
{
..
..
}
i=0;
while(i<=10)
{
..
..
i++;
}
在for和while循环中，哪一个性能更好？
浏览 3提问于2009-02-16得票数 23
回答已采纳
你好，我需要用ID调用REST函数，这将返回React.js中的承诺。此函数在调用时的响应中将在某个时候包含一定的值。在另一个服务处理了初始请求之前，此值将为空。
这就是我到目前为止所做的：
while(myVariable){
myfunction(myID).then( (response) => {
if(response['value'] != null
myVariable = false;
}
});
}
这个代码的问题是会尽可能快地调用while循环，从而完全利用计算机。因此，我需要一个
浏览 4提问于2021-07-28得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
