设置状态原因使用备注重新呈现
是指在软件开发过程中，为了记录和跟踪软件的状态变化和修改原因，开发人员会使用备注或注释来重新呈现状态的设置原因。
在软件开发中，开发人员经常需要对代码进行修改和调整。当修改代码时，为了方便后续的维护和理解，开发人员通常会在代码中添加注释或备注，解释代码的修改原因和目的。这些注释或备注可以包括但不限于以下内容：
- 状态变化：记录代码的状态变化，例如添加、删除、修改等操作。
- 修改原因：解释为什么需要对代码进行修改，可能是修复bug、优化性能、添加新功能等。
- 目的和预期效果：说明修改代码的目的和预期效果，以便其他开发人员或维护人员理解代码的意图。
通过使用备注重新呈现状态的设置原因，可以提高代码的可读性和可维护性。其他开发人员在阅读代码时，可以通过查看备注或注释了解代码的修改原因和目的，从而更好地理解和维护代码。
在云计算领域中，设置状态原因使用备注重新呈现也是一种常见的做法。例如，在云原生应用开发中，开发人员可能需要对容器、微服务或云函数等进行状态设置和修改。通过使用备注或注释记录状态的设置原因，可以帮助开发人员和运维人员更好地理解和管理云计算资源的状态变化。
腾讯云提供了一系列与云计算相关的产品，可以帮助开发人员和企业实现云计算的各种需求。具体推荐的产品和产品介绍链接地址可以根据具体的应用场景和需求来确定。
相关·内容
useEffect(() => {
let interval = null;
if (isOn) {
interval = setInterval(() => {
counting();
}, 1000);
} else {
clearInterval(interval);
}
return () => clearInterval(interval);
}, [isOn, currentTimeMs]);
const counting = () => {
setCur
浏览 4提问于2020-05-14得票数 1
回答已采纳
将use状态挂钩直接传递给父函数与将函数传递给父函数(我在其中调用use状态setter )有什么(性能)差异吗？
const Parent = () => {
const [name, setName] = useState(null);
return <Child onSelect={setName}/>
};
vs
const Parent = () => {
const [name, setName] = useState(null);
const handleName = (input) => {
浏览 12提问于2022-11-23得票数 1
在我的componentWillMount函数中，我有一个从服务器获取数据的async函数getResults。我希望在初始加载时将响应从getResults传递给同一个组件，但是我注意到，在等待数据从getResults返回之前，组件呈现。如何让组件在呈现之前等待响应？我正在使用Redux来处理我的状态。
async componentWillMount() {
const response = await getResults(this.props.category)
}
浏览 1提问于2018-03-04得票数 4
回答已采纳
我正在尝试制作一个用于语言学习和/或死记硬背的闪光灯网络应用程序。我已经成功地显示了数组的第一个元素，它包含从后端获取的数据，但是我不能从第一个元素切换到后面的元素。
下面是我的React代码：
// Decklist component that displays the flashcard
import { React, useEffect, useState, useContext } from "react";
import Card from "./Card";
import cardContext from "../store/cardCon
浏览 3提问于2022-08-03得票数 0
下面的代码是Parent和DataFilter。
Parent.js
const Parent = () => {
const [filteredData, setFilteredData] = useState()
...
const Filter = () => {
return (
<div>
<h2>Filter your data</h2>
<DataFilter data={filteredData} updateFilter={setFilteredData}
浏览 8提问于2021-12-15得票数 0
const Counter = () => {
const [count, setCount] = useState(0);
// return <button onClick={setCount(count + 1)}>{count}</button>;
return <button onClick={() => setCount(count + 1)}>{count}</button>;
};
我知道注释掉的行会导致无限循环，但我想知道为什么会这样。setCount分派函数不是只在单击时调用吗？
浏览 2提问于2020-09-29得票数 1
回答已采纳
2回答
我有一个想要获取其URL参数的组件(比如，a1和a2)。如果它们包含任何内容，我希望为它们的值设置一些本地状态，以便可以在页面上呈现内容。我使用的是react-router-dom和withRouter HOC，所以我可以从props访问location，但我不确定是否可以使用它。现在我有：
class Example extends Component {
constructor(props) {
super(props);
this.state = {
a1: null,
a2: null,
}
}
componentDi
浏览 0提问于2018-04-23得票数 0
在我的React应用程序中，我故意使用useState钩子将几个数组组合在一个状态下。这些数组表示我希望保持“托管”在一起的可视对象，以确保应用程序的重新呈现在视觉上是一致的。
在测试时，我试图更改第一个数组中某些对象的属性。updatedElements正确地反映了更新(由我的控制台日志清楚地显示)。但是，更新我的useState状态不起作用。数组elements一点也不改变。
以下是相关代码：
const updatedElements: VisualDiagramElementData[] =
visualData.elements.map((element: VisualDiagr
浏览 3提问于2022-08-25得票数 0
我有一个这样的应用程序：
目前，它是通过世博会和MapView建造的。当你点击一个地址时，它会使用这个animateToRegion函数动画到引脚上：
<MapView>
....
</MapView>
<ScrollView style={ styles.mapStyle }>
{waypoint.map((item, i) => {
return (
<View key={i}>
<View style={styles.houseList}&
浏览 0提问于2019-11-21得票数 0
我正在练习react，现在我要做一个待办事项列表。在我工作的时候。我想用console.log测试我的代码，看看输入值是否正确地传递给了状态。然而，有一段时间，我对console.log如何总是输出前一个状态感到困惑。直到后来，我才嵌入了<p>{this.state.myArray}</p>，它显示它工作正常。我假设在console.log已经执行的时候，this.setState({ myArray: this.state.message });还在完成执行。 我非常确定我使用console.log测试代码的方式是错误的。新来的程序员。 class ToDoInpu
浏览 15提问于2020-02-01得票数 1
回答已采纳
为了实现componentDidMount()的效果，我编写了以下代码段：
class Blink extends Component {
constructor(props) {
super(props);
this.state = {output: 'c'};
}
componentWillMount() {
this.state.output += 'w';
}
render() {
this.state.output += 'r';
let display = this.sta
浏览 0提问于2018-02-07得票数 0
1回答
我使用异步函数从API中检索折扣，然后在购物车中使用折扣，无论何时在渲染方法中调用折扣购物车函数，它都会开始自我重复，但无论何时通过单击事件上的按钮执行调用，它都可以完美地运行。
discountedCart = async (id, qty) => {
console.log("Discounted Cart");
const response = await fetch(
"https://usautoparts-erp.azurewebsites.net/Api/Cart",
{
me
浏览 0提问于2020-08-24得票数 0
我已经为我正在创建的Formik表单编写了一个钩子，这样在特定的字段中，只要选择了一个选择选项，我就想调用这个钩子。
但是正在发生的是，在每一种形式的字段中，在每个按键上，我的钩子都被调用了。不知道我做错了什么，但是我喜欢任何关于我能做什么的指示，我只能在选择的变化上调用钩子。
这是我的displayProvinces.js 钩子
import React from 'react';
import GetDistrictsAPI from '@/utils/services/GetDistrictsAPI';
import GetProvincesAPI fro
浏览 10提问于2022-08-09得票数 1
回答已采纳
1回答
由于某些原因，当我调用API时，我的卡不会重新呈现.当信息在后端更新时，它不会显示在前端，除非我刷新应用程序。
我正在传递信息作为道具和抢夺公司的名称，地址和电话。
const CpoCard = ({ info, navigation }) => {
const [companyName, setCompanyName] = useState(info.companies[0].companyName);
const [address, setAddress] = useState(info.companies[0].city);
const [phoneNumber, s
浏览 4提问于2022-04-30得票数 1
回答已采纳
我试图用从映射到数组长度的输入字段中提供的值更新数组中的标题和正文对象。body对象完全更新，而标题只使用当前输入值进行更新。例如，如果我尝试输入"the“。
标题对象将更改为“：”t“=>”标题："h"“=>”标题："e“。
期望输出为"title：“t”=>“标题："th"”=>“标题："the”。
这对身体是有效的，所以我很困惑，为什么它不是与标题有关，也许我错过了什么。
export const NewsArticlesPage = () => {
const [newsArticles
浏览 3提问于2021-04-28得票数 0
1回答
我有一个场景，我被迫调用触发器方法来显示来自两个不同地方的模式，一个是使用热键组合，另一个是单击工具栏按钮。为了做到这一点，我有下面的代码，其中我调用triggerCustomLinkModal来设置状态，但是我会被Invalid Hook call error击中。
import { useState, useCallback, useEffect } from "react"
import { Dialog } from "@blueprintjs/core"
const useLocalState = () => {
const [isShow
浏览 6提问于2022-06-22得票数 0
错误：Uncaught Error: Too many re-renders. React limits the number of renders to prevent an infinite loop.发生在.
我改变了我的代码
if(location.state.name !== undefined || location.state.Username !== undefined){
console.log(location.state.name);
} else{
console.log("Nothing");
}
对此：
if(location.state.n
浏览 6提问于2022-01-27得票数 2
const [stuff, set_stuff] = useState("a")
...
set_stuff("a")
当set_stuff("a")运行时，它会触发下游吗？
浏览 2提问于2022-01-07得票数 1
回答已采纳
1回答
我试图将多个项目添加到一个列表中，其中每个项目都是在一些延迟之后添加的，但是当我使用setState时，它似乎不会更改状态，或者它不会重新呈现组件，我想知道为什么会发生这种情况。 import React, { useState } from 'react';
import './App.css';
function sleep(ms) {
return new Promise(resolve => setTimeout(resolve, ms));
};
function App() {
const [messages, setMe
浏览 15提问于2021-11-06得票数 0
回答已采纳
我有两个代码，一个是在子程序中使用独立状态，另一个是在我的“作为道具发送”版本中，状态作为道具发送。
function App() {
const [isChanged, setIsChanged] = React.useState(false);
const [i, setI] = React.useState(0);
React.useEffect(() => {
console.log("USEEFFECT");
setTimeout(() => {
setIsChanged(true);
}, 2000);
浏览 5提问于2020-05-17得票数 1
基本上，我有一个非常简单的react组件。它所做的就是包装“react-intercom”，并且只有在状态发生变化时才会呈现它。为了简化这个问题，我将shouldCompoenentUpdate()方法硬连接为总是返回false。
import React from 'react';
import Intercom from 'react-intercom';
class IntercomWrapper extends React.Component {
shouldComponentUpdate(nextP
浏览 6提问于2017-09-13得票数 15
我有一个具有初始状态的组件BoardManager
const BoardManager = () => {
const [boards] = useState([
{
name: "Board 1",
link: "dkhgsdfj",
},
{
name: "Board 2",
link: "dkhgsdfj",
},
]);
return (
<div>
{boards.map((val, i)
浏览 4提问于2021-03-22得票数 1
回答已采纳
只是想在这个问题的原因上得到一些帮助。Im能够显示下拉列表中的时区列表，但在那之后，它继续调用ajax，使我的网站冻结。
这是下拉菜单
这里是ajax
这里是我调用和设置时区的地方
下面是选择
浏览 4提问于2021-05-24得票数 0
回答已采纳
1回答
所以我现在的代码如下所示，我正在尝试用来自消防局数据库的信息实时更新一个资料ui表。我能够从数据库中读取信息并将其插入数组中，但是当我将表数据设置为等于数组时，它不会改变任何事情。我已经读到我应该使用状态来做这件事，但是我对响应/JS还很陌生，并且不太确定如何在我目前的情况下实现这一点。任何帮助或指示都将不胜感激！
编辑的
我实现了来自@Mateen的响应，但是代码编译成功，但是在应用程序本身上，会弹出以下错误。
Error: Invalid hook call. Hooks can only be called inside of the body of a function compone
浏览 2提问于2020-07-12得票数 0
每次调用setState()时是否重新呈现所有组件和子组件？
如果是，为什么？我认为，当时的想法是，只有在状态发生变化时，才能做出尽可能少的反应。
在下面的简单示例中，两个类在单击文本时都会再次呈现，尽管在随后的单击中状态不会改变，因为onClick处理程序总是将state设置为相同的值：
this.setState({'test':'me'});
我原以为只有当state数据发生更改时，才会出现呈现。
下面是示例和嵌入式代码段的代码：
var TimeInChild = React.createClass({
render: function()
浏览 17提问于2014-07-13得票数 641
回答已采纳
为了更好地理解问题，下面链接了这个问题的代码沙箱。
在我的mymoviegenreobjects钩子第15行中，将mymoviegenreinfo状态设置为useFetchMovieGenreResults钩子时遇到了问题。我想要做的是将从另一个钩子获取的结果(惠奇返回一个对象)设置为上述状态。然而，每次我尝试setState时，我都会得到错误。
未处理的运行时错误:太多的重新呈现。React限制呈现的数量，以防止无限循环。
我正在正确地设置状态(如下面所示，但我一直得到上面的错误)
setMymoviegenreinfo(mymoviegenreobjects);
因此，我的问题是，如何
浏览 7提问于2022-08-05得票数 0
我使用npx create-react-app创建了一个react应用程序。以下是index.js和App.js代码：
Index.js (不使用StrictMode)
import React from 'react';
import ReactDOM from 'react-dom/client';
import './index.css';
import App from './App';
const root = ReactDOM.createRoot(document.getElementById('root&
浏览 5提问于2022-06-30得票数 0
在以下守则中：
import { StrictMode } from "react";
import { createRoot } from "react-dom/client";
import React, {
useState,
useEffect,
useMemo,
useRef,
useCallback
} from "react";
const App = () => {
const [channel, setChannel] = useState(null);
const handleClick
浏览 6提问于2022-06-15得票数 1
回答已采纳
4回答
下面是代码片段
const MuiSelect = () => {
const [country , setCountry] = useState('')
console.log("C1: " + country)
const handleChange = (event : React.ChangeEvent<HTMLInputElement>) => {
setCountry(event.target.value as string)
console.log("C2: "
浏览 11提问于2022-08-20得票数 1
我有这个口袋妖怪api应用程序，它有一些问题，首先，当我获取口袋妖怪，它不断添加无限x口袋妖怪与1请求。其次，当我再次尝试输入一些东西时，这个应用程序就会完全冻结。代码如下：
应用程序：
import React from 'react'
import './App.css'
import {PokemonForm} from '@components/PokemonForm/PokemonForm'
import {PokemonProvider} from "@context/PokemonContext";
import {
浏览 1提问于2022-10-27得票数 0
回答已采纳
代码如下：
return (
<MuiThemeProvider>
<GridList>
{singleProd.map(function(product) {
// console.log(product)
let fileID;
try {
api.GetFile(product.relationships.main_image.data.id)
.then((file) => {
fileID = fil
浏览 0提问于2017-05-30得票数 3
回答已采纳
1回答
我玩得有点反应，我正面临着一个我无法弄清楚的辛辣问题。
我有一个笑话组件，它基本上应该向https://sv443.net/jokeapi/v2发出请求并显示结果。发出请求和更新我的状态都是在一个方法中完成的，然后在componentDidMount()方法中调用该方法。
这很好，但是我想让组件在单击时向API发出更多请求，所以我尝试将组件的onClick值设置为生成XMLHttpRequest的方法。
我的问题是，这样做使我的页面垃圾api与请求，所以有不同的笑话被要求每一次点击，而我只是希望每次点击一个笑话。
代码就在下面：
class Joke extends React.Compone
浏览 2提问于2020-05-03得票数 2
回答已采纳
在这里，当用户单击按钮时，我尝试在一个名为itemList的数组中插入一个值。在插入这个值之后，我想要翻转-- isCross的值。但是，它将数组重置为其初始值。当我评论setIsCross(!isCross)
那为什么会发生这种事？App.js
import React, { useState, useEffect } from "react";
import { FaRegCircle, FaTimes } from "react-icons/fa";
import { BsDash } from "react-icons/bs";
impo
浏览 4提问于2022-06-11得票数 0
我目前正在一个预订座位的网站上工作。我希望向其添加一个事件侦听器，以便当它被单击时，它可以调用将存储div值的函数。但是，每当我在网站的整个内容中添加onClick事件时，都不会显示(只显示一个空白页面)。我的密码有什么问题吗？而且，我对此反应很新，如果可能的话，你们能解释一下你们的答案吗.？
这是我的密码
import React, { useState } from "react";
const Ticketing = () => {
const [seat1, selectSeat1] = useState();
const [seat2,
浏览 3提问于2022-08-27得票数 1
考虑下面的代码片段：
import { useEffect } from "react";
export const Hello = () => {
useEffect(() => {
console.log("Mounted");
return () => {
console.log("Unmounted");
};
}, []);
return <h1>Hello</h1>;
};
我观察到，每次进行一些更改和保存时，都会打印Unmounted和Mo
浏览 8提问于2021-10-18得票数 1
回答已采纳
我们可以在每个组件生命周期方法中调用setState()。
为什么我们不在componentWillUpdate()和componentWillMount()中调用它?
为什么这些方法在将setState放入其中时不触发呈现函数?
有人能详细解释一下吗？
谢谢。
浏览 4提问于2016-11-24得票数 6
回答已采纳
1回答
我使用的是CSS运动路径。
当按下一个按钮时，一个方块将开始在路径上移动。
我试着让它在每次我按下按钮时都能工作，到目前为止还没有成功。
import React, { useState } from "react";
import styled from "styled-components";
import "./App.css";
const PathStyled = styled.div`
width: 50px;
height: 50px;
border: 1px solid hsl(343, 100%, 58%, 0.3
浏览 15提问于2020-05-09得票数 1
回答已采纳
我正在为大学项目构建一个基本的虚拟应用程序，这是一个国际钱包应用程序。每个用户帐户可以有多个货币帐户，如英镑，美元等。"/“路径用于登录，登录后应用程序重定向到受保护的"/myaccount”路由，并呈现MyAccount组件。在MyAccount组件内部有另一个Switch语句，该语句呈现CurrencyAccounts组件，该组件提供所有CurrencyAccounts的列表，每个列表项都是一个指向单个帐户的链接，其中显示了详细信息。 在成功登录之后，工作正常，重定向到MyAccount组件，并且CurrencyAccounts组件呈现得很好，但useEffect除外，该
浏览 95提问于2021-07-29得票数 0
回答已采纳
4回答
我是新的反应，有点挣扎的状态在反应，以及如何和地点，我们需要使用它。到目前为止，我发现“如果修改一段数据不能直观地改变组件，那么数据就不应该进入状态”。所以，state是关于重新呈现UI(我希望我是正确的)。那么，我想问的问题是，我们是否真的只使用state来重新呈现UI？
浏览 0提问于2019-10-03得票数 0
回答已采纳
{{str.split('').reverse().join()}}
{{arr.reverse().join()}}
在编写第二行时会显示此错误。
组件呈现函数中可能有无限的update循环。
浏览 1提问于2017-10-26得票数 0
1回答
所以我从一个API中抓取电影信息。在我的页面中，我的下拉列表中有三个选项，用于按字母表、用户分数和流行度排序。
问题是，当我选择一个选项时，它会按它前面的选项进行排序。例如，当我选择按用户分数排序时，它会按字母顺序排序，这是下拉列表中它前面的选项。然后，如果我继续选择选项，它最终会变成随机的，并与其中的任何一个排序。
不确定为什么会发生这种情况。我猜这和我设置状态的方式有关。
下面是我的代码：
import React, {Component} from "react";
import {connect} from "react-redux";
import {
浏览 27提问于2018-06-03得票数 0
我有一个组件，它通过react路由器链接组件从父组件获得数据作为支柱，如下所示：
<Link to={{pathname: "/cv", state:cvData }}>Next</Link>
"/cv“路径中的CV分量得到这个状态。但是在简历组件的JSX中，我不能访问那个状态下的数据。代码如下：
const [cvData, setCvData] = useState(props.state)
useEffect(() => {
setCvData(props.cvData)
console.log(cvData)
},
浏览 5提问于2021-01-24得票数 2
对于我的应用程序的注册表单，我用本地组件状态来维护表单值，但是currentUser状态、错误状态和API调用在Redux中。
我想要做的是，当表单提交时，按钮有一个加载旋转器，表单值一直保持到从服务器返回响应为止。如果服务器使用授权用户进行响应，则重定向到app。如果有错误，应该清除表单的值，而不是，而不是。
问题似乎是，Redux在分派任何状态更新函数(无论是删除错误还是发出API调用以授权用户)时，正在清除我的表单值。有什么办法可以避免这种情况发生吗？
从我的AuthForm.js
const submitData = () => {
setLoading(true);
浏览 4提问于2020-10-28得票数 0
2回答
问题：在setState(?)的回调中，这个值是多少？
考虑到这一点：
handleChange = (event) => {
const { name, value } = event.target;
const {content, errors} = this.state;
this.setState({
content: {
...content,
[name]: value
},
一个简单的状态更新..。但是在此之后，我调用一个回调，并尝试访问我的var content或errors，这些值是多少？
浏览 0提问于2019-09-07得票数 0
回答已采纳
1回答
改变输入字段的值
、、、
在从SelectField从MaterialUI库中选择条目之后，我一直试图更改输入字段的值，但我还没有成功，但就搜索它而言，我编写的所有内容似乎都是应该的。
这就是我用来改变价值的东西；
var element = ReactDOM.findDOMNode(this.refs._deviceId);
element.setAttribute('value', 'deneme');
console.log(element);
这是输入字段；
<div className="form-group r
浏览 4提问于2017-06-15得票数 2
回答已采纳
以下是代码：
import React, { useState } from 'react'
function App() {
const [a, setA] = useState(1)
setA(2)
return (
<div>
<h1>{a}</h1>
</div>
);
}
误差太多的重新渲染。React限制呈现的数量，以防止无限循环。
为什么它会导致无限循环？
我认为原因是函数组件就像呈现函数一样，所以当setState在render函数中时会导致无限循环。
有官方解释吗？
浏览 10提问于2020-02-20得票数 5
回答已采纳
我正在尝试创建一个ProtectedRoutes组件，但是，我似乎在某个地方创建了一个似乎无法理解的无限循环。我是个初学者。
它应该检查是否存在存储的cookie，如果是，则转到组件。如果没有，则应该导航回主页。
ProtectedRoutes.js
import React, { Component, useState } from "react";
import { Route, Navigate } from "react-router-dom";
import Cookies from "universal-cookie";
const
浏览 1提问于2022-02-05得票数 -1
回答已采纳
这里是圆形组件
const Item = (props) => {
// console.log(props)
const [count, setCount] = useState(0);
console.log('aaa')
return (
<TouchableOpacity style={{ width: containerSize, height: containerSize, padding: PADDING, justifyContent: "center", alignItems: "center
浏览 1提问于2020-02-13得票数 0
我们正在使用react-router-dom配置项目。我创建了一段代码，使图标根据呈现的页面而有所不同，但在setState部件中发生了无限循环。帮帮我。
class Bottom extends React.Component {
state = {
iconName : 'initialIconName'
}
setIconName = (name) => {
this.setState(() =>({
iconName: name
}))
}
render() {
const odd
浏览 0提问于2019-05-10得票数 0
重新呈现react组件时，该组件的状态会发生什么变化？
它是保持不受影响，还是被重置为某个“默认值”？为什么？
浏览 1提问于2020-06-27得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
