如何仅在功能组件中的其他状态发生变化后才使一个状态发生变化？
在开发中，可以通过使用观察者模式来实现仅在功能组件中的其他状态发生变化后才使一个状态发生变化。观察者模式是一种软件设计模式，用于对象之间的一对多依赖关系，当一个对象的状态发生变化时，它的所有依赖对象都会收到通知并自动更新。
具体实现步骤如下：
- 定义一个被观察者（Subject）类，该类维护一个观察者列表，并提供注册、注销和通知观察者的方法。
- 定义一个观察者（Observer）接口或抽象类，该接口或抽象类中包含一个更新方法，用于接收被观察者的通知。
- 在功能组件中，将需要观察的状态作为被观察者的属性，并在状态发生变化时调用被观察者的通知方法。
- 在其他功能组件中，实现观察者接口或继承观察者抽象类，并在更新方法中处理状态变化的逻辑。
这样，当功能组件中的其他状态发生变化时，被观察者会通知所有观察者进行相应的更新操作，从而实现仅在功能组件中的其他状态发生变化后才使一个状态发生变化。
腾讯云相关产品推荐：腾讯云函数（云原生 Serverless 产品），它提供了事件驱动的无服务器计算服务，可以根据功能组件中的其他状态变化来触发函数执行，实现状态变化的响应。详情请参考腾讯云函数产品介绍：腾讯云函数。
相关·内容
如果我定义了一个PureComponent
只有一个render()方法，并且
不使用this.state，
...is实际上与无状态功能组件相同吗？还是在行为或表现上有什么不同？
这不是的复制，因为我的问题的答案没有包含在那里，至少在很容易找到的方式上是这样的。这是一个大的、广泛的问题，我的问题非常具体。
浏览 1提问于2018-02-14得票数 0
我有用户选择的选项，这些选项保存在父组件的状态中。父组件是带有"form“的整个网页。
当用户按下"Submit“时，我希望使用这些选项的子组件使用传递给它的这些新属性重新渲染。当您加载页面时，默认生成可见。
但是，我不希望它在“提交”被按下之前完成，只有在按下之后才能完成。
我所能想到的就是从节点中删除元素并重新生成它，但这不是使用React的好方法。如果需要更多的澄清/上下文，请让我知道。我是一个新的反应，我正在做这个项目，以熟悉它和它的行为。
谢谢!
浏览 0提问于2020-10-26得票数 0
我有一个从电影API获取数据的应用程序。它从第一页返回20个项目。我该如何添加分页功能，并允许用户单击一个按钮来增加页码值并返回该页面中的项目？
下面是我的API调用：
export const API_KEY = process.env.REACT_APP_MOVIES_API;
export const baseURL = 'https://api.themoviedb.org/3/movie/';
export const language = '&language=en';
export const region = '®i
浏览 10提问于2020-02-27得票数 0
回答已采纳
2回答
我有一个关于react构造器的问题，因为我使用了angular，并且习惯了绑定行为。我不知道如何通过构造函数来改变属性。并解释我为什么不能做到这一点，并解释我如何才能实现我的目标。
class example extends React.Component {
constructor(){
super();
this.changeExample = this.changeExample.bind(this)
this.valueExample = 'Hello Example'
}
changeExample() {
this.valueExamp
浏览 1提问于2018-06-09得票数 0
1回答
尽管我已经尝试过清理功能，但在useEffect中却陷入了无限循环
我试图将[]和usersDB作为useEffect的第二个参数传递，但它不起作用，因为[]使它只运行一次，而且这不是我想要的行为(我希望它在每次更新后运行)
const ListUsers = () => {
const [usersDB, setUsersDB] = useState([]);
useEffect(() => {
const getUsers = async () => {
const response = await axios
.get(&
浏览 8提问于2020-05-05得票数 0
这合法吗？
componentWillReceiveProps: function(nextProps) {
if (typeof nextProps.contact != 'undefined') {
this.setState({forename: nextProps.contact.forename});
this.setState({surname: nextProps.contact.surname});
this.setState({phone: nextProps.contac
浏览 7提问于2015-08-06得票数 35
回答已采纳
2回答
为了填充React组件的内容，我在方法componentWillMount的正文中使用AJAX请求，在这里，由于执行请求，我更改了this.state。问题是，呈现方法在请求完成之前运行，在this.state被setState更改之后运行。此外，如果这样的组件呈现一个(也使用AJAX )，那么呈现调用的数量就会增加到两个。
如何使组件仅在获得必要的数据后才呈现？
var News = React.createClass({
getInitialState: function () {
return {
news: [],
浏览 2提问于2016-09-21得票数 1
回答已采纳
我是新来的。我在看他们的医生了解反应是如何运作的。因此，有人提到，当state/props/setState()更改/调用时，重新响应整个组件。
此外，我还看到react元素是不可变的，只有在发生更改时才会呈现它们。因此，当react试图呈现组件时，它实际上遍历所有元素，检查差异，并且只呈现数据被更改的元素。它不会简单地重新呈现整个组件。
我说得对吗？还是我的理解错了？
浏览 8提问于2020-10-23得票数 3
回答已采纳
我用Cordova制作了一个移动应用程序。使用react-router@2.0.0 + ReactCSSTransitionGroup实现“卡片组”动画。我有一个严格的路由树，没有循环链接的可能性。
为了提高性能并保存以前路由组件的状态，我想保留它们的整个历史，只在pop-state或replace-state上卸载。
该怎么做呢？
浏览 0提问于2016-03-18得票数 27
我使用ng-repeat来显示我从twitter API获得的项目列表。我的问题是，当我的请求正在处理时，angular正在尝试打印空列表，因此我得到了这个错误消息：
Error: Duplicates in a repeater are not allowed. Repeater: ...
我如何防止这种情况发生？
非常感谢
浏览 1提问于2014-03-26得票数 0
关于TextInput onChangeText是如何工作的，我有两个问题。
如何决定TextInput的哪个父组件应该处理状态更改？
该父组件如何调用onChangeText支柱函数？
1.让我给出一个简单的代码示例。假设我有一个使用函数子组件输入的类组件LoginForm：
class LoginForm extends Component {
state = { text: '' };
render() {
return (
<Input
value={this.state.text}
浏览 0提问于2018-01-19得票数 0
回答已采纳
2回答
我有一个函数，如果用户得到了正确的答案，我会更新分数
首先，这是做这件事的正确方法吗：this.setState({ score: this.state.score + 1 }，我想可能不是
其次，由于某些原因，此函数会增加分数，但这并不是第一次。我很感谢这只是一个很难理解的函数，但它可以回答人们对代码的疑问：
countScore(enteredValue) {
const { quizData, possibleAnswerTotal} = this.props;
const { score, correctlyEnteredAnswers } = this.state;
浏览 0提问于2017-06-23得票数 3
1回答
使用钩子使用新数组更新状态
、、、、
我在一个像这样的反应功能组件中有一个数组的状态-
const [columns, setColumns] = React.useState<[]>([])
我希望在某个时候更新整个数组(而不是更新推送/删除某些元素的特定元素)。我可以简单地做setColumns(newArray)吗？这样做后，我的reason组件就会因为某种原因而进入一个无限循环。请帮帮忙。
浏览 4提问于2022-04-04得票数 0
我有一个正在被调用的组件，然后用更新的信息再次调用，但是var topics并不是由react更新的。有人能解释为什么第一个示例没有在屏幕上更新，而第二个示例更新了吗？它与useState调用有关吗？
App.js在初始呈现期间调用DisplayQuestions一次，然后页面接受用户输入并重新呈现。
<DisplayQuestionsByTopic topics={topics} />
.....
没有在屏幕上更新主题var：
export function DisplayQuestionsByTopic(props) {
console.log(`DisplayQues
浏览 2提问于2021-02-21得票数 1
回答已采纳
我工作的反应类型记录，不能改变状态的类型记录。在编辑函数中，我有setId和setEdit，所以在执行编辑功能之后，它不会改变状态。
这里的代码如下：
import React, { useState, useRef, useEffect, useCallback } from "react";
import "../App.css";
const HomePage: React.FC = () => {
const [todo, setTodo]: any = useState([]);
const [id, setId]: any =
浏览 3提问于2020-07-24得票数 1
回答已采纳
1回答
我最近开始学习反应。当在UseEffect中使用分派时，我遇到了问题，它在循环的子循环中。我不能发布所有的项目，但下面的代码如下：
在主页上显示在线商店产品。在一个单独的组件中，有一个使用map循环显示的小卡片：
<Row className='mt-20'>
{products.map(product => (
<ProductItem key={product._id} product={product} history={history} />
))}
</Row>
子组件代码：
const ProductItem
浏览 2提问于2021-01-25得票数 0
回答已采纳
因此，我很乐意将React与connect()、HOC和mapStateToProps一起使用，它工作得非常好。然而，似乎在组件生命周期的开始阶段，Redux连接的道具并没有初始化。在组件生命周期中，是否有一个特定的点可以将基于mapStateToProps的属性视为已初始化并等于存储中的值？
浏览 16提问于2019-10-07得票数 2
1回答
Axios和环形承诺
、、、
我在axis GET请求上有问题，我不明白为什么。
const [ state, setState ] = useState<any[]>([]);
ids.forEach((id) => {
getData(id)
.then((smth: Map<string, any>[]) => getNeededData(smth, id));
});
console.log(JSON.stringify(state));
和getData (getNeededData只选择参数)：
export const getData= async
浏览 0提问于2021-06-23得票数 1
回答已采纳
当我在自定义字段中键入内容时，它会失去焦点，需要再次单击才能添加数据，下面是代码的沙箱链接。只有当我传递错误并触摸道具来检查验证时，它才会发生，如果我删除它，它可以完美地工作。 https://codesandbox.io/s/formik-example-forked-w0bub?file=/index.js 我使用的浏览器是Chrom for windows
浏览 24提问于2021-08-11得票数 0
回答已采纳
2回答
我在我的react应用程序中使用它来从我的后端服务器获取数据： React.useEffect(() => {
const fetchWidgets = async () => {
const response = await fetch("http://localhost:1202/data");
const responseData = await response.json();
setData(responseData);
console.log(responseData);
};
f
浏览 16提问于2020-05-02得票数 1
回答已采纳
我正在学习反应，并试图把我的头脑围绕着语法和概念。从“反应”的教程中可以提到：
状态更新可能是异步
为了提高性能，React可以将多个setState()调用批处理到单个更新中。
因为this.props和this.state可能是异步更新的，所以不应该依赖它们的值来计算下一个状态。
我的问题是，如果this.state没有在任何时候都被更新，我们能依靠它来显示正确的信息吗？如果我的理解是正确的，出于性能原因，React将批量更新此状态，但它是否会影响应用程序的准确性？如何反应创建这些批次，以及何时应用？
浏览 0提问于2017-01-23得票数 1
回答已采纳
2回答
当我将addData或updateData添加到useEffect数组中时，它会被调用无限次，但我认为它应该只在单击按钮时调用。
import axios from 'axios'
import { Button, TextField } from '@material-ui/core'
import React,{useState,useEffect} from 'react'
import { useDispatch, useSelector } from 'react-redux'
import Applebar from
浏览 0提问于2021-02-13得票数 1
我正在把我的iOS3应用程序转换成iOS4，并且在电影播放器上有问题！我已经跟踪了 (我不再需要它在iOS3工作了！)并使用以下代码对UIViewController进行子类化：
#import "moviePlayer.h"
@implementation moviePlayer
@synthesize mainAppDelegate;
@synthesize mp;
- (id)initWithMovie:(NSString *)moviePath delegate:(id)delegate {
self.mainAppDelegate = delegate;
浏览 2提问于2010-08-19得票数 0
3回答
我想用键盘上的箭头键移动我的图像。当我按下箭头键时，它就会向相应的方向移动。但是，我需要在图像上单击才能移动它。我可以知道如何编辑代码，以便在移动图像之前不需要单击它吗？我还想知道如何使图像从左边出现，一旦它到达右边，反之亦然。
我的代码是：
Collect.addKeyListener(new KeyAdapter() {
public void keyPressed(KeyEvent ke)
{
if(ke.getKeyCode() == KeyEvent.VK_LEFT)
{
浏览 0提问于2012-01-04得票数 4
回答已采纳
3回答
我有一个用于可视化的获取数据的react组件。
数据获取是不断发生的，而不是只需要一次。我想知道是否有办法减少这种情况。
部件是这样的，
export default function Analytics() {
const {
sentimentData,
expressionsData,
overall,
handleChange,
startDate,
endDate,
sentimentStatistical,
} = useAnalytics();
return (
我想知道是否应该在componentD
浏览 3提问于2022-04-18得票数 0
回答已采纳
我正在尝试构建一个待办事项列表，当我在控制台上记录日志时，它会删除我试图在单击时删除的项目，但该项目会留在屏幕上。我正在尝试做的是从onclick列表中删除该项目。
import React, { useState } from "react";
export function Todos() {
const [tasks, setTasks] = useState([]);
const deleteLabel = ind => {
tasks.splice(ind, 1);
console.log(ta
浏览 18提问于2020-02-27得票数 2
回答已采纳
有没有人能告诉我为什么这不管用？正确的数据显示在控制台(console.log(this.state);)中，但不会传输到MainContainer。
在constructor>state>users中初始化的相同数据可以正常工作。问题出在哪里？
应用程序
import React, {Component} from 'react';
import logo from './logo.svg';
import './App.css';
import Header from './components/header/Header
浏览 2提问于2018-04-12得票数 1
1回答
设置
基本上，我有三维字段(长度、宽度和高度)，它们是由状态支持的。我希望保持状态英寸，但允许用户随意切换显示器上的单元。目前，我只支持英寸和英尺，所以我有一个"dimension_unit“状态，存储当前显示的单位和display_dimensions_multiplier存储1.0英寸和1.0/12.0英尺(两者都处于状态)。除了一件事外，我的一切都如愿以偿。
问题
我尝试过的所有值都是有效的，除非您尝试使用小数。基本上，它在后台运行，抛出乘数以在变化时保存在状态中，然后在字段的值中乘以，这基本上消除了拖尾“。当您键入时，假设您试图键入4.5，那么您输入的字段实际上是45。但是，如
浏览 6提问于2016-04-09得票数 2
回答已采纳
我从React学到的一件事是，如果组件的道具没有改变，那么React就不会费心重新渲染组件。对于无状态组件也是这样吗？或者它们的行为更像是“愚蠢的”函数，并且每次都会被执行？
例如，如果我有：
import StatelessComponent from '../StatelessComponent';
export default class DocumentsTable extends React.Component {
state = {
something: 'foobar',
};
render() {
return (
浏览 1提问于2017-10-14得票数 51
回答已采纳
我有两个独立的VUE组件，我想在它们之间通信。 在第一个组件中，我使用了<component>并添加了ref。 <component ref="dynamicComponent"></component> 在上面的动态组件中，有一个方法(假设是dynamicMethod)，我想从第二个组件调用该方法。 因此，我使用以下代码： this.$root.$refs.dynamicComponent.dynamicMethod(); 但是我要给this.$root.$refs一个空白的对象。我如何才能调用该方法。 任何帮助都将不胜感激。
浏览 810提问于2021-10-13得票数 0
目标:通过从父级的非状态变量发送道具来重新呈现独生子组件.
我想要重新呈现没有父组件的唯一子组件。下面是我编写的示例代码。cRoot是传递道具的父函数，CButton子组件需要在可见性变量更改时呈现。
在子组件中，我没有使用state，因为它曾经使用过，而且我不想将该值保持在状态中。另外，我不想创建作为纯组件的子组件。
在父类中，我希望使用变量(SubmitBtnVisibility)作为支持发送。
请解释为什么子组件没有更新，因为子组件的观点是道具正在更新？或者指向我哪里出错了？
提前谢谢你的帮助。
// Parent Component
class Root exten
浏览 1提问于2018-08-21得票数 3
回答已采纳
2回答
箭头函数中的Expo声音
、、、
我正在尝试创建一个类似于react-native (箭头函数中的所有组件)和Expo的Whatsapp，但是AudioPlayer组件无法工作，因为useState的返回器不止一次声明了Audio.Sound()。 当你必须声明新的对象时，我没有找到将基于类的转换为函数的例子。 const AudioPlayer = props => {
const sound = new Audio.Sound();
React.useEffect(() => {
(async () => {
sound.setOnPlayba
浏览 21提问于2019-09-03得票数 1
回答已采纳
1回答
我正在努力创建一个统一的级别编辑器。当物体的位置发生变化时，我希望它的X和Y位置夹紧在1到10之间。所以，如果位置改变为15，它就会恢复到10；如果位置改变到-5，它会反弹到1。
我尝试过使用OnValidate()方法，但没有成功。当我重新加载脚本时，它会正确地捕捉所有内容(对脚本进行更改并重新打开Unity)，但是它不会在动态的情况下打开它。
void OnValidate(){
float newX = Mathf.Clamp(child.position.x, 1, 10);
float newY = Mathf.Clamp(child.position.y, 1, 1
浏览 0提问于2015-12-22得票数 0
回答已采纳
2回答
我有一个按钮列表，每个按钮代表来自后端的一些数据。
现在，当我按下其中两个按钮时，我需要标记它们，也需要在红色之间标记所有按钮。
const Buttons = () => {
const data = useState(getData())[0];
const [pressedButtons, setPressedButtons] = useState([]);
return ({data.map((buttonData, index) =>
<Pressable
style={{backgroundColor: pressedBut
浏览 9提问于2022-06-02得票数 1
回答已采纳
我被告知，如果父母的道具发生变化，孩子不会重新呈现，而是如果父母的状态发生变化。
在下面的情况下，当我单击按钮，子重呈现，这是合理的，因为它的父母的状态是被触发的，但我不知道为什么孙女也得到重新渲染！它的父母的状态(孩子的状态)没有改变。
那么这里的规矩是什么？
会是什么情况：
1)应用程序只呈现一个子和外孙呈现？
2)应用程序呈现但独生子女不呈现孙女？
顺便说一句，我不是指如何使用或pureComponent，我只是想知道React如何呈现嵌套的子程序:)
import React, { useState } from "react";
const App = () =&g
浏览 1提问于2019-11-17得票数 2
回答已采纳
我是新手，我正在经历React的生命周期，但是我对componentWillReceiveProps的使用感到有点困惑。
有人能解释一下在这种情况下应该使用它吗。
谢谢。
浏览 0提问于2018-12-12得票数 5
回答已采纳
我有一个带有受控输入字段的购物车来管理数量：
// quantity is obtained from my redux state and the onChange dispatches such changes
<input type='text' value={quantity} onChange={onQuantityChange} />
我希望用户能够退格超过当前的数量，并重新键入一个新的。但是，这实际上将我的数量设置为undefined/0，并立即将产品从购物车中删除。有没有办法让值被擦除，状态不更新，直到提供另一个值？或者我对此使用不受控制的输入？
浏览 13提问于2017-06-27得票数 0
回答已采纳
我的工作是基于虚拟linux的渗透测试实验室。我已经根据我的需求和实验室(如apache、mysql、防火墙、网络、权限等)配置了debian，我只想在每次启动时将vm自动重置到我所做的相同配置。所有在渗透测试过程中所做的改变都应该被抛弃。
如何才能做到这一点？
浏览 0提问于2015-07-20得票数 -1
这个问题是在使用TypeScript时，我有一个组件数组(文本输入)在我的状态中。我的状态中还有一个字符串数组，用于定义每个组件的占位符文本。每个组件都引用来自状态的占位符字符串数组，在其相应的索引处。
当我更新占位符数组中的字符串时(使用setState)，组件不会更新。我哪里出问题了？或者我是否误解了国家/道具的运作方式。
谢谢!
为了突出这个问题，我已经对代码做了很多简化。代码：
interface IState {
inputComponents: IResponseOption[];
test_placeholder: string;
}
interface IRespons
浏览 0提问于2018-08-09得票数 0
回答已采纳
1回答
如何在不改变整个树的情况下更新嵌套的不可变Map项？
例子：
var tree = Map({
branch1:Map([]),
branch2:Map({ 1: Map({id:1,value:'hello'}) }),
});
如何更新树。分支2.1.value？
这会导致branch1得到一个新的副本吗？
我在Reactjs Redux应用程序中使用这个。因为我也在使用选择器，所以我想改变branch2的值而不改变branch1，这样选择器就不会再重新计算
浏览 1提问于2016-09-07得票数 0
回答已采纳
1回答
我有一个由dropdown和Chart组成的页面，dropdown从服务器接收项，每当用户从dropdown中选择某些内容时，触发handleSelectionChange()事件以更新本地状态中的当前选择，整个MetricList()将再次执行。 在下面的代码中，每次我进行下拉选择时，"console.log("TESTING")将继续记录。 当我在下拉列表中选择一些东西时，它只改变了本地状态，我应该怎么做？ const MetricList = () => {
///get the list of metrics for dropdown
Fetch
浏览 11提问于2019-06-18得票数 0
我很难理解react重新渲染。如果发生状态更改并计划重新呈现，是否仅在运行组件所有代码后才进行重新呈现？
class App extends Component {
state = {
result:[],
isLoading:true,
isActive:"",
currentPage:1,
}
render(){
return(
<div>
<Child1/>
<Chil
浏览 4提问于2019-03-29得票数 2
所以，我知道如何保护REST后端的资源，这不是问题所在。我遇到的问题是如何在REST API和客户端应用程序/前端上管理用户/权限管理？
考虑以下示例，我的API中有资源订单和发票，我的前端应用程序中也有路由订单、发票和仪表板，为了简单起见，我们应该将这些页面称为。我可以针对端点和谓词将每个角色/用户的权限存储在数据库中，但是如何在前端管理相同的内容呢？在示例中，发票、订单和仪表板可能会以某种方式使用这两种资源，因此这不是一对一的关系，从用户的角度来看，他似乎拥有页面上的权限。我该如何维持这种关系？
我是否应该将这些前端模块/页面/路由也存储在后端，通过将其映射到REST端点，然而，这种方法不
浏览 7提问于2019-03-28得票数 1
我正在尝试理解如何停止在函数组件中重新呈现元素(或者我可能不需要这样做?) 我对所有输入使用单个useState，并共享相同的onChange处理程序。 我在表单(100+)中有大量的输入字段，每当我在开发工具分析器中输入其中任何一个时，我都会看到它们都被重新渲染，假设这是因为在每次渲染时，我的onChange处理程序都被“重新创建”，所有输入元素也都被重新渲染。如果我尝试将其包装在useCallback中，没有任何变化，但是如果我将输入元素包装在Rect.memo组件中，那么它不会重新呈现。 const MyInput = props => {
return <in
浏览 20提问于2020-03-30得票数 2
回答已采纳
我有一个function引导React，其中createList函数在任何一个表单输入(workDone或hoursAndMinutes)的每个键输入上都会被调用。我刚接触过reactjs，也许这是正常的行为，但在我看来并非如此，因此我做错了什么。
var SubjectBox = React.createClass({
getInitialState(){
return({
totalHoursAndMinute:0,
subject:'',
workDone:'',
hoursAndMinutes:
浏览 3提问于2016-03-25得票数 3
回答已采纳
我正试图了解Redux中实际使用的不可变性(如果有的话)。我发现的每一篇教程/文章/文档都指出，还原器不应更改状态对象，而应创建已更改数据的新副本(即还原器必须是纯函数)。我理解这一点，但是我找不到任何地方解释Redux内部实现是如何实际使用这个准则的。
，这只是一个很强的推荐，还是如果我使还原剂非纯的话，Redux内部的东西会破裂吗？
，如果是晚一点，那么到底会发生什么呢？
我确实找到了一些地方，Dan说，在一些(非常罕见)情况下，还原剂可能是非纯的，但它是危险的(同样，没有确切的解释什么是风险)。
浏览 1提问于2016-03-13得票数 3
1回答
我正在学习redux的反应，我有一个问题，关于它的使用。redux是否在数据库字段值更改后更新视图？更新是否发生在所有打开的窗口上？
例如，我有一张带有发票的桌子。我更新了一个发票的值，但是如果没有重新加载页面，视图就不会更新。使用回调函数更新视图后，视图将更新当前打开的窗口，而不是其他浏览器中打开的其他窗口。
我不能代理代码，因为我没有版权。
浏览 0提问于2017-11-24得票数 0
回答已采纳
嗨，这里是我的代码在react和输入脚本为什么这个console.log，调用每次我的文本文件更改触发器.
export default function TabOneScreen({
navigation,
}) {
const [out_1, set_out1] = useState('');
const [out_2, set_out2] = useState('');
const [main_device, setMain_dev] = useState('');
console.log("
浏览 7提问于2020-12-20得票数 0
回答已采纳
我遇到了windows.location.origin的问题，我不知道我错过了什么。当我在useEffect中使用它和console.log时，它可以正常工作，但当我尝试呈现它时，它返回给我Cannot read property 'origin' of undefined错误。我现在还意识到，当我从以前的页面进入我的页面时，它会呈现hrefOrigin，但当我刷新页面时，我又得到了错误。提前感谢！ // @ts-nocheck
import React, { useContext, useEffect, useState } from 'react'
imp
浏览 107提问于2021-03-29得票数 1
回答已采纳
1回答
你能告诉我如何在react js中接收更新的道具吗?我知道componentWillReceiveProps是unsafe，我试过使用getDerivedStateFromProps，但没有工作
下面是我的代码
两秒钟后，我正在更新我的状态，该状态将传递给props
Expected output after two second
abcsssss
static getDerivedStateFromProps(nextProps, prevState) {
if (nextProps.src !== "") {
return { src: nextProp
浏览 41提问于2018-12-11得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
