当只需要一次刷新时，React中的无限刷新循环
在React中，无限刷新循环是指组件在渲染过程中不断地触发更新，导致无限循环的情况。这种情况通常是由于组件的状态或属性在每次渲染时都发生了变化，从而导致组件不断地重新渲染。
无限刷新循环可能会导致性能问题和页面卡顿，因此需要避免。下面是一些可能导致无限刷新循环的常见原因和解决方法：
- 状态更新不当：当组件的状态更新时，会触发组件的重新渲染。如果状态更新的条件不正确，可能会导致无限循环。解决方法是确保状态更新的条件正确，并且避免在渲染函数中直接修改状态。
- 属性传递问题：如果组件的属性在每次渲染时都发生变化，可能会导致组件不断地重新渲染。解决方法是使用
React.memo或shouldComponentUpdate来优化组件的渲染，避免不必要的重新渲染。 - 事件处理不当：如果事件处理函数中触发了状态更新，可能会导致无限循环。解决方法是确保事件处理函数中不会触发状态更新，或者使用
useCallback来优化事件处理函数。 - 使用
setState的回调函数：在setState中使用回调函数时，需要注意回调函数中是否会触发状态更新。如果回调函数中触发了状态更新，可能会导致无限循环。解决方法是确保回调函数中不会触发状态更新，或者使用useEffect来处理状态更新的副作用。
总之，避免React中的无限刷新循环需要注意状态更新的条件、属性传递、事件处理和setState的回调函数等方面。合理地管理组件的状态和属性，可以提高应用的性能和用户体验。
腾讯云相关产品和产品介绍链接地址：
- 云服务器（CVM）：提供可扩展的计算容量，满足不同规模业务的需求。详情请参考：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL版（CDB）：提供高性能、可扩展的关系型数据库服务。详情请参考：https://cloud.tencent.com/product/cdb
- 云原生容器服务（TKE）：基于Kubernetes的容器管理服务，简化容器化应用的部署和管理。详情请参考：https://cloud.tencent.com/product/tke
相关·内容
当我从api中获取一个项目列表时，我遇到了这个问题。axios在操作中发出get请求。发送到减速机，并作出改变的状态。因此，我希望只有当用户添加、删除或更新项目时，列表才会更新。我使用传递列表的useEffect钩子作为依赖项进行更改，但它只是在无限循环中获取，极大地影响了性能。
行动创建者：
import axios from "axios";
const BASE_URL = "https://localhost:5001/api";
export function getList() {
return (dispacth) => {
r
浏览 1提问于2022-02-22得票数 0
回答已采纳
我有以下钩子：
const useBar = () => {
const [myFoo, setFoo] = useState(0);
const [myBar, setBar] = useState(0);
useEffect(() => {
setFoo(myFoo + 1);
console.log("setting foo (1)", myFoo, myBar);
}, [setFoo, myFoo, myBar]);
useEffect(() => {
setBar(myBar + 1);
cons
浏览 12提问于2019-07-18得票数 6
回答已采纳
6回答
我正在将项目添加到愿望列表中，一旦添加，我将尝试重新呈现心脏图标，使其上有一个数字，以表明该项目已被添加到愿望列表中。我想要实现的是类似于Twitter的“喜欢”按钮，当有人喜欢这个帖子时，“喜欢”的数量就会立即增加。因此，在我的情况下，当有人喜欢(愿望清单)的产品，它将增加的数字顶部的心脏图标。我使用本地存储来获取添加到wishlist中的项，并且当在效果中添加一个新项时，我可以重新呈现Wishlist组件，但是它会使组件无限地重新呈现，这给了我Warning: Maximum update depth exceeded的警告。
这是我的效果；
const [wishlist, setWis
浏览 9提问于2021-12-07得票数 3
回答已采纳
我正在用MERN堆栈构建一个应用程序，现在它只搜索DB上的一些数据并在页面上打印出来，但是在运行代码时我会得到这个错误：
错误:超过最大更新深度。当组件在componentWillUpdate或componentDidUpdate中反复调用componentDidUpdate时，就会发生这种情况。React限制嵌套更新的数量，以防止无限循环。
它说它来自Module../src/index.js，但是我看不到其中的任何问题。
3 | import App from "./App";
4 | import * as serviceWorker from "./s
浏览 7提问于2020-06-20得票数 0
回答已采纳
我有一个名为Sidebar.jsx的react组件。在它中，我进行了一个API调用，以获得一个车队数组，以填充我的Sidebar中最终的JSX下拉元素。这将产生一个简单的JSON数组。
我从我的服务文件夹中导入了一个名为getFleets()的函数来进行API调用。该服务使用fetch API对我的后端进行查询调用，如下所示：
export async function getFleets() {
const resp = await fetch("http://localhost:5000/fleets", {
method: 'GET'
浏览 1提问于2022-06-01得票数 0
回答已采纳
1回答
当我从单个useEffect调用API时，它工作得很好。但是，当我试图从同一个组件中的另一个useEffect调用另一个API时，它会显示一个。
如果可能的话，请看一下我在上的项目。
import React, { useEffect, useState } from 'react';
import { Container, Row, Col } from 'react-bootstrap';
const TeacherDashboard = () => {
// console.log(props)
const [appointment
浏览 2提问于2020-06-05得票数 1
回答已采纳
http://ddragon.leagueoflegends.com/cdn/10.16.1/data/en_US/champion.json 这是im尝试使用的api。出于某些原因，当我在它上面进行映射以从中提取数据并显示数据时，它会显示champions.map不是一个函数。(我猜它这么说是因为我不能使用.map遍历对象。所以我试着使用Object.keys(冠军)，但我仍然不能真正让它做我想做的事情。 我觉得我错过了一些超级简单的东西，因为我已经有一段时间没有进行任何api调用了。 这是我的代码。 import React, { useState, useEffect } from &
浏览 16提问于2020-09-08得票数 0
1回答
I以下server.js：
import express from 'express';
import path from 'path';
import React from 'react';
import { renderToString } from 'react-dom/server';
import { match, RouterContext } from 'react-router';
import routes from './src/client/app/config/routes.jsx&
浏览 3提问于2016-11-01得票数 0
回答已采纳
声明一个自定义钩子： const useTest = (init: any) => {
const [arr, setArr] = useState<any[]>([]);
useEffect(() => {
setArr(Array.from(init.arr));
}, [init]);
return arr;
}; 使用它： useTest({ arr: [1] }) 无论我传递给init.arr的是什么对象或数组，它都会导致无限循环。我试着用useMemo包装init对象，它s useless. But if i pass a (str
浏览 13提问于2020-07-22得票数 0
有一个奇怪的问题，我正在从我的本地api获取一些数据，它出于一些奇怪的原因无限地调用它： import React, { useState, useEffect } from 'react';
const Users = () => {
const [users, setUsers] = useState([])
const fetchUsers = async () => {
try {
await fetch('http://localhost:3001/users')
浏览 25提问于2021-04-03得票数 1
回答已采纳
1回答
我正在制作一个简单的CRUD应用程序，使用react和firebase/firestore。
我目前有一个收集的“产品”与四个记录。
主页遍历产品并显示它们：
import React, { useEffect, useState } from 'react'
import { getDocs, collection } from "firebase/firestore"
import { db } from "../firebase-config"
const Home = () => {
const [products, setP
浏览 5提问于2022-01-03得票数 0
回答已采纳
未明错误:超过最大更新深度。当组件在componentWillUpdate或componentDidUpdate中反复调用componentDidUpdate时，就会发生这种情况。React限制嵌套更新的数量，以防止无限循环。
import React, { useEffect, useRef } from 'react';
import { useNavigate } from 'react-router-dom';
import { useInView } from 'react-intersection-observer';
con
浏览 2提问于2022-03-18得票数 0
回答已采纳
1回答
动态限制滑块的值
、、、
我想要一个滑块的范围从0到2400，这是由另一个滑块的值限制。它们加起来可能只有2400个。我尝试在change方法中实现它，如下所示：
var cal_sl = $("#sl_4");
cal_sl.attr('max', 2400);
cal_sl.change(function()
{
var sumv = ($("#sl_3").val()*1)+($(this).val()*1);
if(sumv>2400)
{
$(this).val(2400-$("#sl_3").
浏览 0提问于2013-04-10得票数 1
回答已采纳
我有一个控制器，看起来像这样：
(function () { "use strict"；
angular.module("app")
.controller("postsController", postsController);
function postsController($scope, $http, $uibModal, PostService) {
var vm = this;
$scope.posts = [];
PostService.getPosts()
.then(func
浏览 1提问于2016-05-13得票数 0
我正在使用FullCalendar进行反应，我正在与状态作斗争...它返回以下消息：
错误:超过最大更新深度。当组件在componentWillUpdate或componentDidUpdate中重复调用setState时，可能会发生这种情况。React限制嵌套更新的数量，以防止无限循环。
我删除了代码中所有不必要的部分。
import React, { useState, useEffect } from "react";
import FullCalendar from "@fullcalendar/react";
import dayGridPlugin
浏览 0提问于2021-03-21得票数 0
2回答
我无法让setState更新到下面代码中的新值。
我试着让它用chart.js创建一个动态的线条图。我正在从虚拟API中获得正确的数据，但我无法将它状态到我的useState。
import React, { useState, useEffect } from "react";
import { Line } from "react-chartjs-2";
import axios from "axios";
function Graph(){
const [chartData, setChartData] = useState([]);
浏览 4提问于2022-05-03得票数 2
1回答
当我按下“团结中的游戏”时，它就会冻结(大部分时间都是这样)。只有很少的几次起作用)
这似乎是一个问题所在：
void SeperateCells() {
// Seems to already crash here.
bool cellCollision = true;
int loop = 0;
while (cellCollision) {
loop++;
cellCollision = false;
if (debug) {
浏览 1提问于2018-11-13得票数 0
回答已采纳
2回答
我试图使用从父组件获得的道具更新组件的状态，但我得到了以下错误消息：
太多的重新呈现。React限制呈现的数量，以防止无限循环。
如果支柱发生变化，我希望本地状态更新。类似的帖子(，，)并没有为我修正。
import React, {useState} from "react"
const HomeWorld = (props) => {
const [planetData, setPlanetData] = useState([]);
if(props.Selected === true){
setPlanetData(props.
浏览 4提问于2019-09-24得票数 5
回答已采纳
1回答
因此，我尝试为我的web构建一个主页，其中包括很少的几类书籍，我试图从我的数据库中获取书籍，并将它们保存在状态中，并将它们过滤到正确的类别中，但是当我尝试在一个axios.get中执行useEffect时，我会遇到一些问题。
的第一个问题是，如果我不把方括号放在useEffect 的末尾，我会进入无穷大循环，第二个问题是，当useEffect第一次工作时，如果每件事情都正常，我就会得到状态并将它们映射到web，但是当我重新加载页面时，会得到一个空页面，这意味着状态值发生了变化。
我在这里添加来自我的homePage组件的代码
我试着用两种方式做useEffect，但是结果没有差别。
impor
浏览 2提问于2022-11-24得票数 0
我刚接触react和react原生，并试图了解React组件的生命周期……我的屏幕上有四个开关。我尝试将开关的当前状态保存为对象(应用的过滤器)，然后将其传递给导航道具的参数，并在导航标题中保存按钮的onPress函数中访问它。 import React, { useState, useEffect, useCallback } from 'react';
import { View, Text, StyleSheet, Switch } from 'react-native';
import { HeaderButtons, Item } from '
浏览 79提问于2020-10-20得票数 0
我正在使用一个FileSystemWatcher类，我需要它来监视我的插入式闪存驱动器的任何创建或粘贴的文件从任何地方。我每2秒刷新一次插入驱动器列表(如果有任何新的已插入驱动器)，然后设置FileSystemWatcher.EnableRaisingEvents = true，然后在2秒后将其设置为"false"，然后再次刷新插入驱动器列表等。
当刷新间隔为2秒时，情况如下：
程序工作1秒，我将文件粘贴到闪存驱动器- FSW引发一个“创建”事件。
程序工作3秒，我将文件粘贴到闪存驱动器- FSW引发两个“创建”事件。
程序工作5秒，我将文件粘贴到闪存驱动器- FS
浏览 2提问于2017-04-18得票数 0
回答已采纳
我已经设置了一个使用UIWebView的应用程序。UIWebView用于显示带有CSS格式的文本。文本中有链接(a href=...)。href的格式如下: tags.tagname
当用户单击链接时，我希望截获请求并根据HREF的内容使用loadHTMLString。
我已经成功地解析了URL，但是我不知道如何告诉webview不要加载请求的href，而是加载我想要的字符串。
我在ShouldStartLoadWithRequest中尝试了以下几种方法：
genHTML=[self genTagPage:parsedString]; // a string declared earlier
浏览 2提问于2011-04-20得票数 0
回答已采纳
5回答
我正在使用react，我试图在页面渲染时设置状态，但它一直抛出下面的错误。
-错误
已超过最大更新深度。当组件在componentWillUpdate或componentDidUpdate中重复调用setState时，可能会发生这种情况。React限制嵌套更新的数量，以防止无限循环。
-错误
下面是我的侧边栏组件代码。我使用Context API进行数据管理，如代码所示，并尝试使用通过Context API Consumer获取的值来设置showContext方法中角色的状态。
import React, { Component, PropTypes } from "react"
浏览 2提问于2018-09-17得票数 0
我有一个这样的代码： package main
import (
"fmt"
"github.com/nats-io/nats.go"
)
func main() {
nc, _ := nats.Connect(nats.DefaultURL)
for {
nc.Subscribe("request", func(m *nats.Msg) {
fmt.Printf("Received a message: %s\n", string(m.Data)
浏览 54提问于2020-08-29得票数 0
回答已采纳
3回答
问题:当用户输入while时，y无法启动循环。
我花了几个小时搜索所有论坛，包括堆栈溢出，寻找线索，并试图找出这一点(我自己学习C++ )。根据我所读到的内容，我已经尝试过：do循环在开始时工作，但是它通过将先前的numb条目乘以下一个条目的阶乘(刷新问题？)来进行错误的计算(刷新问题？)，我尝试了break，它停止了计算，但它也停止了，但它也停止了，而没有到cout <<“做另一个吗？”。我还尝试在语句和if语句(绝望中)周围添加/移动大括号。
//problem #6 page 127 Robert Lafore OOP Prg C++ 4th ed.
#include <
浏览 3提问于2013-08-15得票数 3
1回答
有人能帮我解决这个问题吗？我是React.js的初学者，我只是做了一个组件来显示购物车的结果！但由于某种原因，它陷入了一个无限的循环。 问题截图：http://prntscr.com/1w5hbey 您可以使用此网站URL查看控制台数据。谢谢 https://side-cart-react.myshopify.com/products/test2 import React, { useState } from "react"
import ReactDom from "react-dom"
const LineItem = (props) => {
浏览 62提问于2021-10-14得票数 0
回答已采纳
我正在尝试各种方法来刷新B4:B419中的随机整数，同时将F1的输出存储在F列末尾的新单元格中。运行RunAll仅刷新B4:B419中的数据，并且不会连续粘贴F1的新值。 Sub Calculate_Range()
Sheets("Shoe Simulation").Range("B4:B419").Calculate
Dim last_row As Long
last_row = Sheets("EV").Cells(Rows.Count, "F").End(xlUp).Row
浏览 16提问于2020-07-26得票数 0
2回答
我想将响应的数据存储到数组中以供重用。我要用Axios来做这个。我收到的问题是，当我推入数组时，它会循环getBoroughAndId()并继续推到数组中。我可以判断，因为我得到了一个console.log()响应，它总是告诉我我提出了太多的请求。有什么建议吗？谢谢。
编辑:在进行了另一个测试之后，我认为问题是在运行getBoroughAndId时，id总是在改变。我不知道该怎么阻止这一切。
import React, { useEffect, useState } from 'react';
import { airtableApi } from '../servic
浏览 3提问于2020-12-21得票数 1
回答已采纳
关于这个问题:当我刷新SIPML5演示页面时，调用get disconnected。
可在此处找到$20refresh%7分类:日期
我正在寻找一种解决方案，即使客户端页面刷新，也能保持呼叫继续进行
我知道当页面刷新时，javascript文件中的所有变量都将被重新创建，但我的问题是：
是否可以使用indexDB来存储sipml5客户端使用的所有对象，以便调用在页面刷新时不会断开连接？
浏览 5提问于2018-06-09得票数 0
import React, { Component } from "react";
import CustomerOverviewPage from "../components/customers/customerOverviewPage";
class CustomerView extends Component {
state = {
customer: null,
id: null
};
fetchDetails = () => {
const { id } = this.props.match.params
浏览 0提问于2018-10-02得票数 0
回答已采纳
所以我使用了一个useState()函数，一个数组errors[]，它是状态的一部分，还有一个函数setError()，它将useState()函数传递给子元素，并从那里调用它：
const [errors, setErrors] = useState([]);
//---------------------------------------------------------------------------------------------------\\
const setError = (courses, day, hour) => {
if (courses.leng
浏览 20提问于2021-05-16得票数 1
回答已采纳
我正在使用业务中心进行jbpm工作流创建和部署。我创建了一个名为multiinstanceprocess的进程。这里显示了它的流动。
MultiinstanceProcess:
它只调用一个名为simpleinstanceprocess的子进程，其中包含两个人工任务，如下所示。
SimpleInstanceProcess:
。
当我运行这个程序时，它会创建多进程和simpleinstanceprocess的实例：。
它还创建了两个简单实例过程任务。当我完成这两个任务时，理想情况下，它应该关闭这两个任务的实例，但实际上它没有关闭流程实例，它仍然显示为一个活动实例。
ActiveP
浏览 6提问于2020-05-04得票数 0
回答已采纳
我正在使用React / Hooks前端上的axios来发出get请求，使用rails后端的种子数据填充我的react GoogleMap/api GoogleMaps标记组件。当我让rails服务器运行时，服务器重复进行此调用。
下面的行将在循环中调用axios.get：
React.useEffect(() => {
// Get Coordinates from api
// Update Coordinates in state
axios.get('/api/v1/coordinates.json')
浏览 2提问于2020-05-22得票数 8
回答已采纳
1回答
我正在Next.js中开发一个应用程序，我正在尝试为这个应用程序添加一个加载动画。动画应该是三个弹跳球，正确地显示出来。如果我用npm run dev启动nextjs应用程序，它就能正常工作，只要我刷新相同的页面，它就会像它应该加载的那样加载。但是，如果我导航到另一条路线，动画就不会出现。元素本身并没有出现。我不知道为什么它不工作，我已经把下面的代码作为参考。
import React from "react";
import Image from 'next/image'
import styled from "styled-components&#
浏览 55提问于2022-10-25得票数 0
回答已采纳
在看到Firebase Auth有正确的用户uid后，我试图检索登录的组织的文档。但是，我在useEffect函数中得到了一个无限循环，用于该检索。
import { createContext, useEffect, useReducer} from 'react'
import { projectAuth, projectFirestore } from '../firebase'
export const AuthContext = createContext()
export const authReducer = (state, action) =
浏览 2提问于2022-02-08得票数 0
回答已采纳
1回答
我想问为什么我的组件在我的状态改变后不能重新呈现，我需要刷新它(在路由之间切换)才能看到变化。好的，有趣的事实是，当我第一次点击删除按钮页面(组件)不会重新呈现，但在我切换路线并回来后，项目被删除，当我试图删除其他项目时，它立即被删除，而不是第一次。
这是我的代码：
import React, {useEffect, useState} from 'react';
import ApiFactory from '../mock';
import Editor from '../Editor';
import ProductCard from &#
浏览 1提问于2019-12-05得票数 1
我创建了一个组件来消除一个问题及其不同的选项，当用户单击next按钮时，将执行对同一个页面的重定向，以便重新修改组件并显示一个新的问题。我使用一个checkBox组件来显示问题选项，但是每当我选择一个选项并进入下一个问题时，都不会为新的选项重置复选框(例如，如果我选中了第一个问题的第二个选项，那么在选中第二个问题之前，第二个选项就会被选中)。
import Grid from "@material-ui/core/Grid";
import Typography from "@material-ui/core/Typography";
import React,
浏览 2提问于2019-10-04得票数 1
回答已采纳
嗨，我正面临着useEffect钩子在反应中的问题。下面的代码的工作原理是应该的，但是es建议我需要从useEffect提供依赖项数组中的依赖项。
使用// eslint-disable-next-line react-hooks/exhaustive-deps的工作代码
export default function UsersList() {
const [users, setUsers] = useState<User[]>([]);
const { setError } = useContext(errorContext);
const { isL
浏览 5提问于2020-06-20得票数 3
回答已采纳
在我的应用程序中，我有一些值，在启动时，我希望能够从SharedPreferences刷新和重新加载，并在必要时对此过程进行一些调整。然而，我目前面临的问题是，如何在启动时始终持续地获取这些值。最初，我在initState()函数中使用了所有这些函数，认为这会使值在引导时总是重新加载，但这种行为似乎并不一致。
我的get函数都是基于以下变化的：
然后，我尝试使用addPostFrameCallback进行以下操作：
由于某些原因，最后一个实现似乎每隔半秒钟就会持续运行一次，我不知道为什么会发生这种情况。有没有解决这个问题的办法，或者我可以尝试的其他解决方案？
浏览 2提问于2022-06-17得票数 0
我想通过module.js重新加载整个页面。
呼叫控制器
$state.go("app.home");
$stateProvider
.state('app.home', {
url: '/home',
data: {
title: 'About'
},
views: {
"content@app": {
浏览 2提问于2017-11-02得票数 2
回答已采纳
1回答
当我试图刷新usestate时，我的程序就会中断。有问题的行是"setMesses(_messages);“。我试着把美国的资产转化为资本，但什么都没有改变。 import React, {useState} from 'react';
import Message from './Message';
import * as firebase from "firebase";
function MessContainer() {
let counter = 0;
let _messages = [];
cons
浏览 21提问于2019-06-27得票数 1
回答已采纳
我在更新这个乒乓球游戏的屏幕时遇到了一个问题。run()方法将形状绘制到图形(myBuffer)，然后再绘制到bufferedImage (myImage)。我正在为Thread实现一个run()方法，这样就可以同时移动划桨了。
我知道其他类(ball、bumper1、bumper2)可以在这个程序中使用，因为我在这个文件中使用了相同的命令，但没有使用run()方法。我在前一个中使用了一个侦听器，它更新和刷新得很好(只是有一个恼人的问题，就是桨键相互干扰！:/)
我的猜测是，1)线程没有执行(不太可能，但不确定)，或者2)我使用repaint()的方式在线程中不起作用，或者3)我遗漏了一些明显
浏览 2提问于2012-04-19得票数 0
回答已采纳
我有一个简单的组件登录：
function Login() {
const [isFormValidState, setIsFormValidState] = React.useState(false);
const [credentialState, setCredentialState] = React.useState();
function getFormErrors(errors: any, dirty: boolean) {
setIsFormValidState(!Object.keys(errors).length && dirty);
浏览 6提问于2022-02-03得票数 5
我主要在工作中使用TypeScript，在应用功能模式时，我经常会看到这样的模式： const someArray = anotherArray.filter(filterFn).map(transformFn) 这段代码将过滤anotherArray的所有条目，然后再次遍历过滤的列表(如果没有过滤的条目可能是相同的)，并映射内容。换句话说，我们迭代了两次数组。 这一行为可以通过使用reduce的阵列的“单次传递”来实现 const someArray = anotherArray.reduce((acc, item) => {
if (filterFn(item) === fal
浏览 36提问于2021-08-17得票数 1
回答已采纳
我用python编写了一个简单的聊天程序，使用tkinter和mysql db。它首先连接到db，获取消息并显示给用户。但是当另一个用户向用户发送消息时，用户看不到新消息。所以，我做了一个刷新按钮。但是，每个人都知道，人们不想使用聊天程序，你总是应该按一个按钮来查看消息。问题是，我如何在不点击任何按钮的情况下制作即时消息应用程序？
它不需要在gui上使用tkinter。它可以和其他的gui库一起运行。
浏览 3提问于2016-02-09得票数 0
1回答
我正在使用useEffect和useState从异步函数中获取数据。每次改变播放列表状态时，我都会调用这个useEffect。这是非常低效率的，因为我的代码经历了一个无限循环，而且我无法控制台记录任何东西。但是，我希望能够在不刷新页面的情况下更新数据，所以这是我的逻辑。是否有更有效的方法来做到这一点，并获得数据而不刷新页面。我不想每次都打电话给onMount([])，因为我需要刷新。
const [playlists, getPlaylists] = useState([])
useEffect(()=>{
let mounted = true
GetUserPlayl
浏览 3提问于2021-04-01得票数 0
在我的react原生应用程序中，我在固定的时间从7点到7点半改变风格我将在ComponentWillMount中更改该状态。但每当我访问该组件时，它就会一次又一次地开始调用该状态，甚至在我访问另一个组件时都不会停止。我想停止这种无限循环的自我调用。代码如下：
import { withNavigation } from "react-navigation";
class Third extends Component {
constructor(props) {
super(props);
this.state = {
toggle: 0,
浏览 0提问于2019-07-08得票数 0
1回答
我创建了一个组件：
const [address, setAddress] = useState({street: 'via roma', number: 2})
const onChangeAddress = (newAddress) => {
setAddress(newAddress)
}
<Address initialAddress={address} onChange={onChangeAddress}/>
地址组件的详细信息：
const Address = (props) => {
const {address, on
浏览 1提问于2022-01-31得票数 1
我需要从DB加载文章，并将其设置为组件的状态。然后，这篇文章应该显示在页面上。但是，当我尝试这样做时，会出现一个错误，即加载的项目的状态值是未定义的。因此，我认为出现这个问题是因为加载数据函数是在组件的呈现之后调用的。如何在呈现和正确显示状态值之前调用此函数？
import React from 'react';
import axios from 'axios';
import { connect } from 'react-redux';
import { withRouter } from "react-router";
浏览 1提问于2020-06-13得票数 1
回答已采纳
我试着用react写了一个简单的石头，布，剪刀的应用程序。现在，我完全被困在将动态绘制的单选按钮中的选择器返回到主应用程序中。
我已经尝试了无数的方法来让这个->工作，你可以在下面找到最后一段尝试过的代码。我必须做些什么才能真正让它正常工作？
谢谢!
const Plays = (props) => {
return (
props.options.map(option =>
<label key={option.name}>
<input
disabled={isEnemy(props.pl
浏览 27提问于2019-08-09得票数 4
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
