如何在挂载和卸载的React组件中保留状态？
在挂载和卸载的React组件中保留状态，可以通过以下几种方式实现：
- 使用React的生命周期方法：可以在组件的
componentDidMount和componentWillUnmount生命周期方法中分别保存和恢复组件的状态。在componentDidMount中，可以将组件的状态保存到本地存储或全局状态管理器中，以便在组件重新挂载时恢复状态。在componentWillUnmount中，可以清除保存的状态数据。 - 使用React的Context API：可以使用React的Context API来创建一个状态上下文，将需要保留的状态存储在上下文中。这样，在组件挂载和卸载时，可以通过上下文来获取和更新状态数据。
- 使用React的Hooks：可以使用
useState和useEffect等Hooks来管理组件的状态。通过将状态保存在组件的状态钩子中，可以在组件挂载和卸载时保留和恢复状态。在useEffect的清理函数中，可以清除保存的状态数据。
以下是一些相关的腾讯云产品和链接地址：
- 腾讯云对象存储（COS）：提供高可靠、低延迟、高并发的云端存储服务，适用于存储和管理各种类型的数据。产品介绍链接：https://cloud.tencent.com/product/cos
- 腾讯云云服务器（CVM）：提供可扩展的云服务器实例，可满足不同规模和需求的应用场景。产品介绍链接：https://cloud.tencent.com/product/cvm
- 腾讯云云原生容器服务（TKE）：提供高度可扩展的容器化应用管理平台，支持快速部署、弹性伸缩和自动化运维。产品介绍链接：https://cloud.tencent.com/product/tke
请注意，以上仅为示例，实际选择产品时需根据具体需求进行评估和选择。
相关·内容
目前，我正在使用一个带有onClick函数的按钮来在每次按下它时将一个JSX组件附加到UI。我还使用了一个带有一些firebase数据库逻辑的useEffect，它是一个onSnapshot，用于实时读取数据，以便在UI上显示信息。
问题是，当用户刷新页面时，附加JSX的onClick函数将从状态中删除，并且不会在UI上显示firebase数据。我该如何着手解决这个问题呢？
代码：
import React, { useEffect, useState } from "react";
import DashboardBody from "./DashboardCom
浏览 14提问于2021-05-31得票数 0
传递给另一个组件的子组件正在失去其状态中的值。
环境
我有5个组件:默认值、包装器、ChildrenComponent、Div1、Div2
默认情况下，我呈现包装器，而在包装器中，我呈现的是ChildrenComponent，所有这些都是默认情况下，我传递给包装器一个名为"isDiv1“的”道具“，这也是我默认的状态，我将通过默认的按钮更改它的值。
在包装器中，我正在执行一个逻辑分析，如果"props.isDiv1“中的值为真，如果不是Div1组件，则保留Div2组件，并使用该逻辑的结果在Div1或Div2中包含"props.children”。
在ChildrenCo
浏览 2提问于2020-06-30得票数 0
我正在学习ReactJ，并面临一些问题。我的问题是，我有一个使用最新ReactJs (v18.0.0)的简单应用程序，componentDidMount执行了两次。为什么？
index.js
import { createRoot } from 'react-dom/client';
import './index.css';
import App from './App';
const container = document.getElementById('root');
const root = createRoot(co
浏览 7提问于2022-04-05得票数 1
回答已采纳
我正在开发一个react web应用程序，其中我使用kendo动态创建了标签。 问题是，当我点击一个标签，填充它的内容，然后点击另一个标签，然后返回到那个标签，它的数据(在文本框中输入的值)消失了，因为标签再次被重新加载。 提前感谢
浏览 23提问于2020-01-10得票数 1
回答已采纳
我刚刚开始，所以我不知道这是不是我想要的行为，或者我是否遗漏了什么。我使用Flux架构(特别是回流，但这不应该是相关的)。在我的超级简单的测试应用中：
var App = React.createClass({
render: function () {
return (
<div className="container">
<Header />
<RouteHandler />
<div>
浏览 2提问于2015-03-03得票数 0
考虑下面的代码片段：
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
回答已采纳
我在角落里有一个带有关闭按钮的组件。我见过很多很棒的例子，如何在父组件中使用条件呈现来显示和隐藏组件
parent.render (<>
...
{ this.displayState? <MyComponent/> : null }
...
</>)
我意识到有多种方法可以解决这个问题，但这不是这篇文章的主题。我可以使用这种方法从父级切换状态，但是如何从组件内部切换显示/可见性状态呢？即点击它的关闭按钮？我必须向组件传递一个属性才能从它内部访问父displayState变量吗？这看起来很麻烦。
这在JQuery和Dom中是不需要动脑筋的，但我想知道reac
浏览 2提问于2020-03-06得票数 1
下面是我的代码：
function Panel({children,title}){
var [count,set_count]=React.useState(0)
React.useEffect(_=>{
console.log(title,'mount')
return _x=>console.log(title,'unmount')
})
function onClick(){
set_count(count+10)
}
return <>
浏览 4提问于2020-09-10得票数 0
回答已采纳
一个API调用是从useEffect()发出的，当应用程序刷新时，useEffect()被调用了两次，API调用了两次。
// App.js
import { useEffect, useCallback } from "react";
function App() {
const fetchUsers = useCallback(async () => {
try {
const response = await fetch(
"https://jsonplaceholder.typicode.com/users"
浏览 8提问于2022-07-05得票数 0
回答已采纳
1回答
在处理嵌套的react组件时，我很难理解协调是如何工作的。下面是我的index.js代码
import React from "react";
import { render } from "react-dom";
import { useState, useEffect } from "react";
const TodoList = ({ todos }) => {
useEffect(() => {
console.log("mounted List")
return () => {
浏览 3提问于2022-02-24得票数 0
回答已采纳
我使用React渲染我的web应用程序所需的一些组件，我有一个带有播放和停止按钮的计时器。我从get请求中检索所有的时间记录，并且我想在组件每次更改时重新修改它，我如何做到这一点？
除了使用一个简单的setInterval来调用this.forceUpdate()函数之外，一切都可以正常工作，但这给了我一个警告：
警告:forceUpdate(.)：只能更新安装或安装组件。这通常意味着在未挂载的组件上调用forceUpdate()。这是禁止行动。请检查TimerBox组件的代码。
我的组成部分：
var TimerBox = React.createClass({
displa
浏览 3提问于2017-03-09得票数 0
回答已采纳
2回答
我使用下面的方法从其他组件控制我的头文件。然而，当更改页面时，我得到了旧的"can't perform a react state on unmounted“错误 export const store = {
state: {},
setState(value) {
this.state = value;
this.setters.forEach(setter => setter(this.state));
},
setters: []
};
store.setState = store.setState.
浏览 36提问于2019-06-27得票数 1
回答已采纳
我是钩子的新手，在SO上遇到了这个设置，我想确认这是正确的模式。我之前收到了RN“未安装的组件”泄漏警告消息，这似乎解决了它。我试图在某种程度上模仿compnentDidMount。这是电话号码的一部分，验证注册流程和onMount我只想检查navigation，然后启动一个副作用，设置已安装的true，然后正确卸载。
const SMSVerifyEnterPinScreen = ({ route, navigation }) => {
const [didMount, setDidMount] = useState(false)
const { phoneNumber }
浏览 0提问于2020-05-28得票数 1
1回答
据我所知，当某些事件发生时，react从零开始创建一个虚拟DOM，并将其与旧的虚拟DOM进行比较。如果是这种情况，则在调用render方法时，react应该创建组件并返回它们进行比较。
import React, { Component, Fragment } from 'react';
import ReactDOM from 'react-dom';
import './index.css';
class Demo extends Component {
constructor(props) {
console.log("
浏览 3提问于2021-03-07得票数 0
回答已采纳
2回答
我需要一些React的帮助。据我所知，它应该运行得很好。但是，这是行不通的。我想做的是：
我有一份待办事项清单。
您可以添加新的待办事项，也可以展开待办事项部分。
当您展开todo部分时，它将打开全屏。
问题是，在展开待办事项时，新添加的待办事项不会出现。为什么呢？，我基本上是在使用相同的组件。为什么新增加的待办事项会在待办部分扩大时消失？反之亦然，当您展开、添加新的待办事项并关闭模式时，新添加的待办事项将不会出现。怎样才能使新的待办事项继续存在，不管是否展开了待办事项部分。
请看一下我开发的小型演示应用程序。
全码箱
浏览 7提问于2022-08-16得票数 0
回答已采纳
1回答
卸载前播放动画
、、、
我有一个react，当组件被创建和销毁时，我使用来自react-transition-group包的react-transition-group组件来创建转换动画。我在循环中在中设置了componentWillMount。但是，当组件即将被销毁时，我似乎想不出如何将支柱还原回中。医生们并没有说太多关于退出过渡的事
这是我的代码：
const defaultStyle = {
transition: `opacity 1000ms ease-in-out`,
opacity: 0,
padding: 20,
display: 'inline-block&#
浏览 6提问于2017-12-17得票数 2
1回答
在开始使用React导航文档时，他们说：
注释:组件支柱接受组件，而不是呈现函数。不要传递内联函数(例如component={() => })，否则当父组件重新呈现时，组件将卸载和重新装入，丢失所有状态。请参阅传递其他道具以获得其他选项。
根据我的理解，如果我写：
const WrappedHome = () => <HomeScreen />;
然后稍后使用以下内容：
<Stack.Screen name='home' component={WrappedHome} />
这将相当于他们的榜样。React或JSX或React本机是否做了一
浏览 4提问于2020-12-03得票数 1
回答已采纳
当尝试更改模式中的值时，会收到上述警告： 我有一个弹出窗口，当我在模式中更改国家代码字段的值时，一切都很好。但是一旦我保存或关闭了模型，状态变量的值就变得不确定了。 主模态文件： const EditDetailsModal = props => {
const dispatch = useDispatch()
const intl = useIntl()
const shouldShowModal = useSelector(selectors.shouldShowEditDetailsModal)
const name = useSelector(sel
浏览 18提问于2020-10-07得票数 0
1回答
我有一个内存泄漏的问题，我在我的控制台中得到了以下错误。 警告:无法在卸载的组件上执行React状态更新。这是一个禁止操作，但它表明您的应用程序中存在内存泄漏。若要修复此问题，请在use Effect cleanup函数中取消所有订阅和异步任务。 下面是我的代码： React.useEffect(() => {
if (data) {
// I am calling my fetch method
fetch(logData)
.then((response) => response.
浏览 21提问于2021-10-01得票数 1
我正在React中构建一个JSON编辑器，而我正在使用的库没有componentWillReceiveProps钩子。对于React和尝试在父状态更改时立即更新<Editor />组件，我还是个新手。
import React, { Component } from "react";
import { JsonEditor as Editor } from "jsoneditor-react";
export default class Home extends Component {
constructor(props) {
supe
浏览 0提问于2020-05-10得票数 0
我正在使用react路由器创建一个应用程序，其中包括一个上传视频的Uploader组件和一个查看视频的Videos组件。视频页面将一些评论存储为状态，我希望在整个应用程序打开的整个页面上保留这个状态。然而，react路由器似乎导致每个组件重新挂载而不是重新呈现，导致每当我重新路由回Video组件时，我的状态被重置为初始的空值。在我的render组件中，我使用的是component方法，而不是component方法，所以我不明白为什么会发生这种情况。有人知道是什么原因造成的吗？
下面是进行路由的主要应用程序：
class App extends React.Component{
con
浏览 2提问于2019-09-20得票数 4
回答已采纳
我在页面上有一对函数组件挂钩，AddVocab组件向数组添加新单词，ListVocab映射数组。
所有操作都很好，直到我从页面导航到这个错误：
react_devtools_backend.js:3973警告:无法对未挂载的组件执行反应状态更新。这是一个非操作，但它表示您的应用程序中存在内存泄漏。若要修复，请取消useEffect清理函数中的所有订阅和异步任务。
为了修复这个内存泄漏，我尝试了许多useEffect()和清理函数的变体，但都没有效果。我知道原因是异步VocabDataService Axios调用，而不是在卸载组件时取消订阅/取消。
有人能提供正确的useEffect(
浏览 5提问于2022-04-29得票数 0
我在控制台上看到了这个错误，并且尝试了很多解决方案，但没有任何效果。
ExceptionsManager.js:84警告:不能在未挂载组件上调用setState (或forceUpdate)。这是一个非操作，但它表示您的应用程序中存在内存泄漏。若要修复，请取消componentWillUnmount方法中的所有订阅和异步任务。开始(at SceneView.js:9)在SceneView (at SwitchView.js:12)在SwitchView (at createNavigator.js:57)在Navigator (at createNavigationContainer.js:
浏览 1提问于2019-03-27得票数 1
2回答
我们正在尝试设计一个使用的Tab页面。我们希望每个Tab都有一个子组件。当我们将这些子组件添加到没有Tab的单个页面中时，没有问题，但是当我们将它们添加到MUI的Tab和TabPanel组件中时，就会出现重呈现问题。当从一个选项卡切换到另一个选项卡时，前一个选项卡中的所有字段和状态都将被删除。
我也要增加一个这方面的例子。
TabPage组件：
export default function LabTabs() {
const [value, setValue] = React.useState('1');
const handleChange = (event:
浏览 2提问于2022-06-28得票数 0
App.js
import React from "react";
import CounterOne from "./CounterOne";
function App() {
const [display, setDisplay] = React.useState(true);
return (
<>
{display && <CounterOne />}
<button
onClick={() => {
setDisplay(!d
浏览 1提问于2021-01-28得票数 3
回答已采纳
2回答
为什么这个复制在控制台上？我在处理另一个项目时注意到了这一点，并且注意到我使用jQuery添加的HTML元素的数量是预期的两倍(构建一个通知框架)。我尝试在一个新项目中重新创建这个问题，并且这种行为仍然存在。
DupeMountTest.js:
import React, {Component, useEffect} from "react";
const DupeMountTest = () => {
useEffect(() => {
console.log("useEffect")
}, [])
re
浏览 8提问于2022-09-09得票数 0
在React中，直接在异步回调中获取反模式吗？
setState可以在组件卸载后调用吗？
const Component = () => {
const [state, setState] = useState("");
const onClick = e => {
// What if the component unmounts before setState?
fetch("url").then(response => response.json()).then(json => setState(json)
浏览 4提问于2020-11-01得票数 0
回答已采纳
我有一个配置文件页面，其中包含一个redux表单ProfileForm，我为它设置了一些initialValues。在我的页面头中，我有一个对/profile路由的反应路由器/profile。
第一次加载页面时，表单将被正确初始化。但是，如果我单击Link元素，表单本身就会清空。我希望表单保持由redux状态维护的值(或者至少初始化为initialValues)。
我做错了什么？有解决办法吗？
注意:我使用的是react 16，react路由器4和redux-form 7。在获取数据时，我也在我的动作生成器中使用redux-thunk。
代码
Profile.js
组件Profile在第一次呈
浏览 1提问于2018-01-27得票数 1
回答已采纳
当我在useEffect中使用useDispatch时，它会不断地重新加载整个组件 这是我的行为： export const getData = () => dispatch => {
fetch("https://jsonplaceholder.typicode.com/users")
.then((response) => response.json())
.then((json) =>
json.map((obj) => ({
...obj,
bonu
浏览 47提问于2020-04-12得票数 0
2回答
我想从DOM中“卸载一个简单的功能组件”。我搜索了很多，并且看到大多数教程都是基于Class组件的，而且我没有看到任何简单的例子。我的要求是在单击按钮时从DOM中卸载一个功能组件。下面是带有按钮的组件，我喜欢在单击它时卸载它。希望有人能帮我做。提前谢谢！
import React from 'react'
function App() {
return (
<div className='app-component'>
<h2 className="h2">App Component</h2&
浏览 10提问于2022-07-03得票数 -1
回答已采纳
2回答
这是一个更简洁的版本。希望它能得到更好的解释和理解。
这是一个小应用程序，有3个输入，期望数字(请忽略，你也可以键入非数字，这不是重点)。它计算所有显示的数字的和。如果用另一个数字更改一个输入，则更新和。
这是它的代码：
import { useCallback, useEffect, useState } from 'react';
function App() {
const [items, setItems] = useState([
{ index: 0, value: "1" },
{ index: 1, value:
浏览 1提问于2021-09-20得票数 3
回答已采纳
我有一个连接到父容器的react组件。容器有mapStateToProps。我在容器中有一个控制台日志。道具正在更新。我可以在组件/子组件中看到属性更新。
未调用componentDidUpdate。我不知道在不调用componentDidUpdate的情况下怎么可能调用渲染。但这种情况正在发生。我在我的屏幕上看到组件更新，我有道具console.logged，他们正在更新。但componentDidUpdate并非如此。我觉得我疯了。
以前有没有人经历过这种情况？？
浏览 6提问于2018-08-02得票数 1
关于React中的构造函数，我有一个问题
看看上的一个例子
import React from "react";
import ReactDOM from "react-dom";
import "./styles.css";
class SimpleComponent extends React.Component {
constructor(props) {
super(props);
this.state = {
number: props.number,
}
console.log(&#
浏览 0提问于2019-01-30得票数 2
考虑以下场景：
在这里，每单击一次按钮，就会发生setState，这将启动类组件Main的更新周期。这最终会导致render函数执行。在每次连续的单击中，都会从父组件Main呈现一个新组件(如果在单击它的ComponentA之前，则在单击之后它将是ComponentB，反之亦然)。
根据React diffing算法，如果从render返回的组件与上一次渲染返回的组件相同(===)，React会递归地更新子树，方法是将其与新的组件进行差异。如果它们不相等，则前一个子树将被完全卸载。
我的问题是，这个例子中的setState是否真的导致了Main而不是update的挂载周期，或者它会导致Main
浏览 16提问于2020-06-03得票数 1
回答已采纳
1回答
我在react路由器上使用两个主要布局，如下所示。我已经编写了AppRoute组件来使用不同的布局与开关。
问题是，当我从"/login“或"/register”路线返回"/“家时，一些与"LayoutLoginRegister”相关的导入css仍然停留在浏览器中。所以它打破了这一页。因为这个css属于"LayoutLoginRegister“而不是"LayoutLanding”。
App.js
const AppWrapper = styled.div`
margin: 0 auto;
min-height: 100%;
`;
co
浏览 22提问于2018-06-01得票数 1
回答已采纳
在执行注册时，我会收到以下警告：
警告:无法对未挂载的组件执行反应状态更新。这是一个非操作，但它表示您的应用程序中存在内存泄漏。若要修复，请取消componentWillUnmount方法中的所有订阅和异步任务。SignUp ()在div ( SignInAndSignUpPage )
我的注册页面中的代码如下：
import React from 'react';
import FormInput from '../form-input/form-input.component';
import CustomButton from '../cust
浏览 3提问于2021-09-11得票数 2
我有一个叫做ImageDisplay的组件。该组件使用自定义的react钩子(useImageUpload)使用react将图像上传到cloudinary。
自定义钩子useImageUpload包含一个状态，它将上传图像的urls存储在数组中。自定义钩子返回一个对象，该对象包含图像urls数组、用于上载新图像的函数和isLoading布尔值。
正在成功上传图像。但是看起来，这个响应查询片段正在导致内存泄漏。
onSuccess: ({ data }) => {
console.log("Image uploaded successfully");
s
浏览 5提问于2022-02-27得票数 0
我一整天都在追这个虫子。我有一个死-简单的反应入口点，和一个死-简单的组件状态变化的例子组件。如果我将组件放入入口点，如下所示：
import React from 'react';
import { render } from 'react-dom';
export default class Template extends React.Component {
constructor(props) {
super(props);
this.toggleNavbar = this.toggleNavbar.bind(this);
浏览 2提问于2017-07-03得票数 1
我有一个带有3个选项卡的react组件，每个选项卡包含一个datatable，它将在active选项卡的基础上填充API调用结果。因此，每次都会有一个参数，我通过API调用传递，并相应地显示数据。
这很好，我在切换选项卡时会得到数据，但是当我尝试从datatable搜索，然后单击另一个选项卡时，我得到的错误如下-
无法对未挂载的组件执行响应状态更新。这是一个非操作，但它表示您的应用程序中存在内存泄漏。若要修复，请取消componentWillUnmount方法中的所有订阅和异步任务。
下面是我的示例代码：
component.jsx
import React, { Component
浏览 0提问于2018-12-27得票数 1
我正在开发一个react应用程序，它从api获取一些数据，并在表中显示这些数据。单击表行可导航到详细信息页面，并显示有关所单击行的信息。返回到主页(表)后，需要再次加载该表，这将调用api。相反，我需要缓存加载的表，这样它就不需要在单击行并返回之后每次都调用api。如何做到这一点呢？
浏览 0提问于2017-06-26得票数 1
1回答
我刚刚开始学习React Native。我有两个屏幕(收藏夹和处方)，都只有一个常量valor和基本上相同的代码，除了第二个按钮，以便在屏幕之间导航。
问题是：
如果我使用第一个按钮在Recipes屏幕中增加valor的值，导航到收藏夹并返回Recipes一切正常，值仍然是我设置的最后一个值。但如果我导航到Favorites，更改那里的值，转到Recipes并返回到Favorites，则在Favorites屏幕上，值将重置为1。为什么会这样呢？
const RecipesScreen = ({navigation}) => {
const [ valor, setValor ]
浏览 5提问于2021-04-03得票数 0
每当在组件中更改特定状态时，我都需要调用效果回调，但是在安装阶段不应该调用回调。我创建了一个自定义钩子()。
function useUpdateOnlyEffect(callback){
const componentJustMounted = useRef(true);
useEffect(() => {
if (!componentJustMounted.current) {
callback();
}
componentJustMounted.current = false;
}, [callback]);
}
我
浏览 8提问于2022-05-01得票数 1
回答已采纳
我正在react中构建todo应用程序，同时更新子组件和父组件的状态(通过prop传入的方法)时遇到问题。当我单击单任务.js中的编辑按钮时，我想触发setState({isEditing: true})和this.props.globalEditingToggle()；(由app.js通过list.js传递)。它一直工作得很好，直到我意识到我在list.js中设置键值时犯了一个错误。我曾经这样设置它: key={i}。然后我使用将它转换为唯一的id。并且仅具有唯一键的this.props.globalEditingToggle()；触发器。为什么会这样?有什么可以解决的？
下面是一个代码：
浏览 25提问于2018-02-24得票数 0
回答已采纳
错误警告:无法对未挂载的组件执行反应状态更新。这是一个非操作，但它表示您的应用程序中存在内存泄漏。若要修复，请取消useEffect清理函数.中的所有订阅和异步任务。
useEffect(() => {
userIsRegister();
if (sendMessage === '') {
getAllMessage();
}
}, [sendMessage, isFocused]);
浏览 10提问于2022-07-06得票数 0
我有以下问题，我选择的选项消失后，我关闭并重新打开模式，有人告诉我，这是因为所有的数据丢失时，一个模式卸载？那么，如何使选定的数据仍然显示。
我能够检索所选的数据，但我只希望所选的选项在模式关闭和重新打开后仍然存在
另外，我的select组件是不可重用的，任何关于如何优化这段代码的线索
import React from 'react';
import { makeStyles } from '@material-ui/core/styles';
import Modal from '@material-ui/core/Modal';
impor
浏览 24提问于2020-02-10得票数 0
回答已采纳
1回答
我使用的反应和反应路由器的SPA，有一个导航。每次切换导航项时，路由器都会调用react组件‘构造函数’。以下是相关代码：
class Home extends React.Component {
constructor(props) {
super(props);
console.log('component constructed!');
this.state = {
counter: 0
}
setInterval(() => this.setState(
浏览 2提问于2016-11-24得票数 4
回答已采纳
我已经开始使用Flux和react-router开发一个应用程序。我的一个组件使用从Flux存储中获得的状态进行填充。这可以很好地工作。但是，当我使用react-router离开这个组件，然后再次返回时，我得到了上面的错误。如果我刷新页面，错误就会消失，页面工作正常。
根据我对此的理解，react-router似乎没有重新挂载此组件，因此它试图更改未挂载组件的状态，因此出现了错误。
如果这是正确的，我如何让react-router重新挂载组件？
PS。这个问题的代码太长了，不能在这里发布它是在Github上发布的，但是因为这个问题已经解决了，所以这个帖子已经被删除了。更新(谢谢Sean)：
该
浏览 0提问于2015-03-13得票数 1
我的组件有一个按钮。通过单击该按钮，将发出一个操作，并进行相应的API调用。API调用的响应存储在redux中。但是，每当对redux存储进行更新时，组件(我正在处理的组件)就会被卸载和重新挂载。因此，当组件重新挂载时，组件的内部状态将被破坏和重新创建。
我的问题是：
当redux存储被更新时，组件是否需要卸载和重新安装？如果是预期的，我应该如何保持组件的内部状态？
AsyncComponent：
export default function asyncComponent(importComponent) {
class AsyncComponent extends React.Comp
浏览 2提问于2019-08-23得票数 3
回答已采纳
假设我有下面的代码，它有一个useState钩子，它的默认值是一个空数组：
import React, { useState, useEffect } from "react";
export default () => {
const [fooData, setFooData] = useState([]);
useEffect(() => {
// some data fetching from and API happens here... example: setFooData(data);
// this is what I
浏览 34提问于2020-05-22得票数 0
回答已采纳
1回答
我正在尝试渲染视频列表，但每个视频项目都充当一个页面，因为我在flatlist中使用了pagingenabled。问题是我使用了windowSize = {2}，这会导致两个视频(一个可见，另一个不可见)同时渲染。我的状态是暂停，我猜这两个视频都在这一点上加载。由于exoplayer播放失败。 有什么解决方案吗?如何解决这个问题？下面是我的Flatlist & VideoPlayer组件代码： <FlatList
data={this.state.data.product}
index={0}
vertical
i
浏览 11提问于2020-03-19得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
