react js中单独状态和共同状态之间的差异
在React.js中，单独状态和共同状态是指组件中的状态管理方式。
- 单独状态（Local State）：每个组件实例都拥有自己独立的状态，组件内部可以通过
state来定义和管理这些状态。这些状态只在组件内部使用，不会被其他组件访问到。单独状态适用于组件内部需要维护的私有状态，不需要与其他组件共享数据的情况。 - 共同状态（Shared State）：多个组件之间共享同一个状态，这个状态可以被多个组件读取和修改。共同状态可以通过父组件传递给子组件，或者使用状态管理库（如Redux、MobX）来管理。共同状态适用于多个组件需要共享数据的情况，可以实现组件之间的数据共享和通信。
差异：
- 单独状态只在组件内部使用，不会被其他组件访问到，适用于组件内部私有状态的管理。
- 共同状态可以被多个组件访问和修改，适用于多个组件之间需要共享数据的情况。
在React.js中，可以根据具体的需求选择使用单独状态或共同状态来管理组件的状态。对于单独状态，可以使用组件自身的state来管理；对于共同状态，可以通过父子组件传递props或使用状态管理库来实现。
腾讯云相关产品和产品介绍链接地址：
- 云开发（CloudBase）：腾讯云提供的一站式后端云服务，支持前后端一体化开发，提供云函数、数据库、存储等功能。详情请参考：云开发产品介绍
- 云服务器（CVM）：腾讯云提供的弹性计算服务，可快速创建和管理云服务器实例，适用于各种应用场景。详情请参考：云服务器产品介绍
- 云数据库 MySQL版（CDB）：腾讯云提供的高性能、可扩展的关系型数据库服务，支持自动备份、容灾等功能。详情请参考：云数据库 MySQL版产品介绍
- 云存储（COS）：腾讯云提供的安全、稳定、低成本的对象存储服务，适用于图片、音视频、文档等各种文件的存储和管理。详情请参考：云存储产品介绍
相关·内容
我是新的反应和网页开发在一般。我已经创建了一个包含像按钮这样的计算器列表的组件，它存储在Buttons.js中。
还有一个名为Submit的组件存储在Submit.js中。Submit组件基本上是一个文本框，我们在其中键入一个数学表达式，我想稍后处理。
然后在另一个组件调用Leftwindow.js中调用这两个组件。
因此，我的问题是，如何使单击Buttons组件影响Submit组件中的文本框。我知道，如果按钮和输入框是单个组件的一部分，这是很容易做到的。基本上，如果我按下'1‘按钮，我希望它被添加到输入框中。
一张它看起来的快照-
Buttons.js代码-
class Butto
浏览 2提问于2021-02-27得票数 2
回答已采纳
可以在此div SignIn中显示所有者"SignIn“组件之外的错误消息。
SignIn = React.createClass({
getInitialState() {
return {
password: null,
valid: false
}
},
checkRequired(value) {
return !!value.trim();
},
checkPasswordsMatch(value) {
var match
浏览 1提问于2016-03-15得票数 0
回答已采纳
2回答
我试图创建一个网站的反应和使用路由器-多姆有正确的网址显示。
我有一个导航栏，它使用链接to=链接到一个关于页面的链接，然后使用开关和路由来显示正确路径的组件，但是它不起作用。
我不确定我在这里是否漏掉了什么，但我无法显示任何组件。
，这是我的PageContainer
import React from "react";
import { Route, Switch } from "react-router-dom";
import Alphabet from "./Alphabet";
import About from "./Ab
浏览 2提问于2021-10-05得票数 0
我刚刚开始使用clojurescript。我注意到的第一件事是React周围有多个包装器库。我没有找到像我们在Javascript中那样的丰富的替代品(选择像backbone，ember，angular等)。似乎CLJS社区自然而然地倾向于React，因为两者都偏爱不可变的数据结构。
我们当然可以导入外来库，但它们并不自然地适合，因为它们倾向于使用JS数据结构而不是CLJS数据结构。
那么，如果你想在没有React包装器的情况下开始冒险，你会有什么选择呢？
浏览 2提问于2017-07-31得票数 0
我有一个带有FlatList的模态组件(FlatList)，每个列表项都有两个带有'asc‘和'desc’值的单选按钮。当用户选择单选按钮时，使用列表的索引和按下按钮的值更新模态组件中的状态。用户只能选择一个按钮。
当用户按下模态上的"OK“时，我需要以某种方式获取发送给父组件的单选按钮('asc‘或'desc')的列表和值的索引。我该怎么做？被困在这上面已经很久了。下面是代码，链接到Snack：
Sortby.js
import {View, Text, Modal, StyleSheet, Button, FlatList,} from &#
浏览 12提问于2022-06-24得票数 1
回答已采纳
2回答
当git重基发现冲突，但文件中没有明显的问题时，这意味着什么？这个文件没有冲突标记，git mergetool说“没什么可合并的”。
我拥有的选项被重置或添加。
# Unmerged paths:
# (use "git reset HEAD <file>..." to unstage)
# (use "git add/rm <file>..." as appropriate to mark resolution)
#
# both modified: filename.js
我怎样才能找出这是关于什么和该走哪条路？
浏览 0提问于2011-10-26得票数 7
回答已采纳
我是React JS的新手。我正在尝试建立一个网络应用程序，这也应该工作在移动(安卓和IOS)，所以考虑使用web application的react js，并创建了一些组件。那么在React native中使用React js组件是可能的吗？
浏览 3提问于2016-06-18得票数 9
2回答
嗨，我开始学反应了。因此，在了解了基本知识之后，我开始使用reactjs进行数据库连接。在代码中，我试图获取userId和密码来建立DB连接，并试图列出DB中可用的表。在Login.js中，当单击“登录”按钮时，我创建了一个表单(userId和Password)，我将创建一个连接并执行Show Table查询，列出DB中的所有表，并移到Table.js页面，在该页面中，我尝试列出可用的表。现在，我能够连接到DB，但无法在Table.js中显示表，因此如何在Table.js文件中显示表列表，因为我已经将DB连接和查询放在Login.js中的按钮事件中。另外，是否有可能声明一个变量全局，并在其他j
浏览 2提问于2017-05-11得票数 5
回答已采纳
通过使用react路由器-dom，react，我尝试实现一个网站。该网站已经使用redux存储显示了基于语言设置的内容。当单击Navbar中的语言区域时，它会回调changeLanguage函数，然后改变存储中的语言状态，网站以更改的语言正确地显示内容。但是，当我单击导航栏中的另一个链接'/home‘或'/main’时，它将在页面上使用重置redux 。能让我知道如何处理这个问题吗？
languageSlice
import { createSlice } from "@reduxjs/toolkit";
export const languageSlice
浏览 6提问于2021-05-05得票数 1
回答已采纳
1回答
我试图通过从数据库中获取一个值，然后使用它来设置用户的状态。由于某些原因，状态没有更新，我尝试过等待和异步。如果这个选项不能可靠地使它成为一个值，还会有哪些其他选项。
我确实得到了以下错误：Warning: Can't call setState (or forceUpdate) on an unmounted component. This is a no-op, but it indicates a memory leak in your application. To fix, cancel all subscriptions and asynchronous tasks in
浏览 1提问于2019-02-04得票数 0
回答已采纳
首先，对不起，如果我的英语不完美，我学习:x
如果在呈现函数中编写“console.log(‘test’)”，所以我在控制台中看到两次"test“.
只是为了指定，当我为组件使用函数并在类中使用所有默认方法(构造函数、呈现、componentDidMount、.)时，没有这个问题。在创建或修改组件时运行两次(不是析构，componentWillUnmount只运行一次)。
问题不是来自我的代码，我试图创建一个新的应用程序(用创建-反应-应用程序)和更改函数的类，但结果是相同的(即使在另一台计算机)。
创建项目后唯一的更改文件(我只更改了第1行、第5行和第7行)：
import Reac
浏览 1提问于2020-04-12得票数 0
回答已采纳
我不知道如何调用这个奇怪的异常，就像打印在我的控制台上的异常消息没有给出任何提示和任何有意义的消息一样。因此，我无法为这一例外情况设置一个适当的标题。
该应用程序是使用世博会和Redux州管理器开发的，我在发送状态后得到以下异常。
令人感兴趣的意见：
该操作是适当的，有效负载具有有效的JSON值。
当我在减速器中打印有效载荷时，它是在打印适当的值。
这是代码
axios.post('API PATH', reqBody)
.then(response => {
dispatch({
type: CAMPAIGNS_FETCH
浏览 0提问于2018-03-14得票数 1
我正在忙宠物店的反应Dapp，在某一点上要求是自动刷新宠物采用者名单..为此，我尝试了useEffect和useSelector从商店中获取数据.但问题是它正在运行，我可以在我的控制台中看到它，但它不会刷新列表。要获得更新的列表，我需要刷新页面，这不是一个好主意。
问题
我打开两个相同的UI选项卡，在UI上我正在使用一个宠物，它更新采用者列表并隐藏收养宠物的按钮，但同时第二个UI不会自动更新，如果我需要看到任何更新，我必须刷新UI(页面)才能获得更新。
我希望它只是刷新列表而不刷新整个页面，只有页面的一个特定部分更新不需要刷新整个页面.
adoptionSlice.js
import { cr
浏览 31提问于2021-03-12得票数 0
我是react的初学者，我正在尝试从一个文件到另一个文件赋予样式值。
这是Square.js：
import React from 'react';
import { StyleSheet, Text, View } from 'react-native';
import Numbers from './Numbers';
export default class Square extends React.Component {
render() {
return (
<View style={squa
浏览 0提问于2018-10-17得票数 0
我正在尝试创建一个功能组件按钮组件，该组件一旦单击就会更改状态，并且取决于单击/不单击-另一个组件(内容)将呈现。我如何通过传递道具来实现这一点？我在Button.jsx中看到setState不是一个函数。
function App() {
return (
<div>
<Parent />
</div>
);
}
export default App;
import React, { useState } from
浏览 3提问于2020-09-30得票数 0
我正在尝试webpack的多编译器选项，并在他们的github上跟踪。但是，我似乎无法理解如何在多个配置中分离出公共代码。
例如，我可能在不同的配置集合中使用相同的供应商库。我希望将这些共享代码捆绑到一个公共文件中。
我尝试了以下操作，但最终为每个编译配置创建了一个单独的vendors条目包。
var path = require("path");
var webpack = require("webpack");
module.exports = [
{
name: "app-mod1",
entry:
浏览 5提问于2016-08-06得票数 22
回答已采纳
背景
在我的项目中，我使用来管理monorepo文件夹结构和安装过程。文件夹结构很简单，我们有两个包，名为web和common。
package.json
lerna.json
packages
common
package.json
web
package.json
next.config.js
.babelrc
问题
为了避免每次在dist包中开发时构建common版本，我在用于编译js代码的webpack规则中添加了一个include属性。这是完美的，没有问题。
但是，问题是，当我想向从common导入的代码
浏览 2提问于2019-09-23得票数 2
我在一个API.js文件中有一个单独的函数，它发出一个HTTP 'get‘请求，以对象数组的形式拉回数据。我已经将此函数导入到另一个React组件中，并将该函数调用到setState。当我对值执行console.log操作时，它会返回一个promise。我也尝试过使用async / await，但我不确定它是否能很好地处理typescript，因为tableData的值变得不确定。 最终，我希望将API数据传递回一个表组件，然后在表中呈现数据，但我要么返回一个空对象，要么返回一个未定义的对象。我是不是漏掉了什么？ Mainscreen.tsx Typescript组件 import
浏览 22提问于2020-10-23得票数 0
我正在工作的一个反应eCommerce网站，我有困难显示的产品详细页面。这个过程应该是，每当用户单击<Picture Card />组件时，它都应该打开该产品的pdp。现在，如果发生这种情况，我成功地注销了每个产品的名称和id，但我无法将其显示在pdp页面上(我不知道如何在这里传递数据)。
我不明白为什么setState()不能正常工作。
我错过了什么？提前感谢！
App.js
├── Header.js
├── Home.js
├── shop.js
├── PictureCard.js
├── Pdp.js
├── Abou
浏览 4提问于2020-12-29得票数 2
回答已采纳
当我使用Chrome控制台检查render方法中组件的状态时，我得到了最新的状态值。
但是，当我在div中显示此状态时，我得到的是原始状态值，而不是更新后的状态值。在React开发工具中也是如此，状态不会在那里更新。我甚至尝试在shouldComponentUpdate()方法中返回true，但是没有帮助。
下面是一个简化的示例：
var MyComponent = React.createClass({
getInitialState() {
return { myState: "value0" };
},
componentWillReceive
浏览 2提问于2017-02-26得票数 0
我有一个画廊组件，显示来自组件道具的图像。
图片库组件一次显示一个图像，但为了动画目的，从数组中随机加载了2个图像。
一切听起来都很棒，但我在控制台上看到了这个错误
Uncaught TypeError: Cannot read property 'currentIndex' of null
不知道为什么这会是空的。
下面是ViewGallery.js组件：
import React from 'react';
class ViewGallery extends React.Component {
getInitialState(){
ret
浏览 1提问于2016-04-12得票数 0
回答已采纳
我对组件的状态有一个疑问。我有一个瓷砖部件。点击瓷砖组件，我正在切换瓷砖组件的细节。
/* ---- Tile component ---- */
import React, { Component } from 'react';
import TileDetail from './TileDetail';
class Tile extends Component {
constructor(props) {
浏览 0提问于2017-04-18得票数 3
回答已采纳
如何从另一个组件中更新一个组件以响应js？
我读了很多帖子，但找不到我的案子。
我有3个react类:包含我的两个react组件的主类：
`反应构成部分A
反应组分B
`
我想使用组件B更新组件A的状态。
更新1/2
我正试着按照你的建议去做，但我有一个问题：
我在我的主类中定义了一个函数：
handleArticleUpdate(codice){
alert(codice);
//this.setState({codice_articolo: codice});
}
我试着把它注射到我的成分中：
<MainGrid onArticleChanged={this.handleArticl
浏览 0提问于2018-08-29得票数 2
回答已采纳
1回答
首先，对不起，如果已经存在这种问题。
为了在React类中设置状态，我们调用setState()。
我的问题是，v1之间有什么区别吗：
setState({firstState: value1, secondState: value2})
和v2：
setState({firstState: value1})
setState({secondState: value2})
v2是否有可能使应用程序难以运行？
浏览 5提问于2021-10-13得票数 0
回答已采纳
我是React JS的新手，我正在尝试了解如何从文件导出变量并将其导入到另一个文件中。我尝试的是这样的： 文件App.js： import React from 'react'
function App() {
[hi, setUpHi] = useState('Hello World')
return (
<div className='App'>
<Test />
</div>
);
}
export default App
export {hi} 文件
浏览 13提问于2021-09-01得票数 0
回答已采纳
3回答
我刚开始反应，我无法访问Login组件中的Member组件状态：
App.js:
export default React.createClass({
getInitialState: function() {
return {
testp : ''
}
},
componentDidMount() {
var abc = "asdadaddasad";
this.setState({testp : abc})
},
render() {
&l
浏览 2提问于2017-06-23得票数 3
回答已采纳
在我的node.js应用程序中，我使用react.js作为模板库。我正在为我的react组件使用jsx语法。我有一个像/entities这样的路径来呈现entities.jsx文件(它是一个视图)。我的entities.jsx文件中有以下代码。我试图在我的代码中调用onclick处理程序，但它不工作。我没有使用React.render显式呈现它，但当我点击localhost:/entities时，组件在浏览器中显示，但onclick处理程序没有触发。
var MyComponent = React.createClass({
alertMessage: function() {
浏览 1提问于2016-04-18得票数 0
当用户单击导航中的登录链接时，页面将显示模式。导航条和模态包含在AppHeader组件中。另一个名为ActionBar的组件也有一个登录按钮。因此，我使用react-redux在不同组件之间进行通信。这是我的实现。(省略了store.js。)
actionTypes.js
export const LOGIN_FORM_SHOW = 'LOGIN_FORM_SHOW'
actions.js
import { LOGIN_FORM_SHOW } from './actionTypes'
export const loginFormShow = () => (
浏览 2提问于2020-02-07得票数 0
我正在创建一个保龄球得分应用程序，其中将包括宾果游戏。为了简化，在评分课上，有一个按钮将启动一个新的活动(宾果类)。而在比赛中，它肯定需要来回从得分到宾果。我现在面临的问题是，当我试图“回到”宾果得分时，onSaveInstanceState没有被调用。因此，每次我点击开始宾果的“游戏”按钮时，应该修正的宾果数字都会发生变化。
我一直在寻找和尝试所有相关的答案(包括)，但是没有什么对我有用。我还试图暂时删除任何活动上的screenOrientation，因为我看到屏幕旋转将创建一个新实例。这是我的代码，与问题有关。
Score.java (移动宾果的按钮)
@Override
pub
浏览 1提问于2019-07-06得票数 0
回答已采纳
我有一个程序，它有两个不同的路由(Body.js和User.js)，通过Body.js函数，我在名为employeeCurrent的state中保存了一个值，我想在User.js路由上使用这个employeeCurrent。
我想知道如何做到这一点，而不必将User.js导入Body.js，因为在那里，User.js将与Body.js一起出现。
我的Body.js具有以下功能：
import React from "react";
import "./Body.css";
import axios from "axios";
import {
浏览 0提问于2018-04-29得票数 0
回答已采纳
Store.js：
import {useReducer} from "react";
import {ACTION_TYPES} from "./storeActionTypes";
export const INITIAL_STATE = {
counter: 0,
};
export const storeReducer = (state, action) => {
switch (action.type) {
case ACTION_TYPES.INCREASE_COUNTER_BY_1:
return {
浏览 8提问于2022-10-30得票数 0
回答已采纳
我试图从一个子组件获取一个值到另一个子组件。我有一个思考过程，但作为一个中间者，我无法实现它。
的想法就像：，当用户选择下拉组件(例如A.js)时，它的效果应该在(比如B.js)中可见。我知道React Redux的回调函数，并通过了，但不能在我的代码中实现它。
这是我的代码与相关信息，请帮助获得所需的输出。PS:请原谅压痕。
A.js
class sidebar extends Component {
constructor(props) {
super(props);
this.state = {
value: 'Non
浏览 5提问于2021-05-21得票数 0
当我尝试使用togglePersonsHandler呈现元素以获取personsState中的内容时，收到错误: TypeError: Cannot read property 'state‘of undefined。目标是通过单击按钮来获取内容。
这是我的App.js文件
import React, { useState } from 'react';
import './App.css';
import Person from './person/Person';
const App = props => {
cons
浏览 44提问于2020-02-15得票数 1
2回答
我想建立一个边栏，有可能折叠它只有边栏图标。
我使用资料界面，我设法建立了基本的侧边栏(迷你变体抽屉)，它的工作很好。但是，当我更改页面或刷新页面时，我无法保持状态(布尔值)。
有人知道我是怎么做到的吗？
职能：
const [open, setOpen] = useState(true)
const handleDrawerOpen = () => {
setOpen(true);
};
const handleDrawerClose = () => {
setOpen(false);
};
完整代码：
import React, { useState } from
浏览 9提问于2021-10-08得票数 1
回答已采纳
我试图从位于传入组件上的组件中调用子组件中的方法。请见下文：
App类
// App.js
class App extends Component {
render() {
return (
<div className="App">
<SimpleModal/>
<FloatingButton onClick={/*would like to call HandleOpen in Si
浏览 0提问于2018-01-17得票数 0
回答已采纳
我们使用React与Redux和redux-simple-router进行导航。我正在建立一个2页的形式，并希望保持两个页面之间的网址相同。按浏览器上的后退按钮当前将从页面2导航到页面1。我们希望在任何解决方案中保留此功能。
使用react、redux和redux-simple-router可以做到这一点吗?你将如何实现？
浏览 0提问于2015-12-23得票数 1
我有一个非常简单的基于Visual "React“模板的web应用程序。当我运行MSBuild时，它运行一个npm install，然后调用webpack来创建一个Javascript包。当我在本地构建这个程序时，这个应用程序运行良好。当我在DevOps管道中构建它时，主页是一个空白的白色页面，控制台中有脚本错误：
我怀疑这个错误真的很重要，我甚至不知道从哪里开始跟踪它。然而，经过相当多的调查，我到目前为止所知道的是：
我在本地构建的源代码和正在构建的源代码DevOps完全相同。我验证了package.json和package-lock.json的完全相同。，我在本地和Dev
浏览 0提问于2020-04-18得票数 1
回答已采纳
我还没反应过来呢。我想监听我所拥有的菜单组件的状态更改。我需要让状态变化泡沫上升到应用程序中的最高级别，即app.jsx本身。我在应用程序中尝试过各种方法来监听事件，但到目前为止没有一种方法起作用。我没有在应用程序中使用redux，因为它只是一个我正在打开和关闭的菜单。我怎样才能在整个应用程序中听到这个变化呢？
对提供援助表示感谢。
-我的组成函数
export default class Comp extends React.Component {
constructor(props){
super(props);
this.toggleDropdown = this.to
浏览 6提问于2017-08-20得票数 2
回答已采纳
3回答
如何制作电子两个窗口的存贮
、、、、
我用react制作了两个不同的窗口，并提供了相同的商店。但是，如果我在一个窗口中存储数据，则第二个窗口不会更改。并且idk知道如何同步。(所有的还原器和作为默认反应项目所做的动作)
First provide(index.js):
import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';
import {Provider} from 'react-redux';
import store from "../re
浏览 6提问于2020-10-30得票数 5
1回答
有人能验证我在阅读文档和教程之后的假设是否正确吗？首先，我想介绍一些术语：
reevaluation是在react更新其VirtualDOM时发生的
没有回忆录和父组件重新评估(不必要的道具必须是change)component，并且它的道具/状态changescomponent's状态更改)。
因此，rerender是在响应更新DOM时发生的，并且发生在以下情况：
re-evaluated虚拟DOM节点不同于DOM节点
你能确认我是对的吗？
浏览 1提问于2021-03-29得票数 0
2回答
您好，我正试图在单击按钮时更改状态，并且仅当状态更改时运行createBattle()，但在单击按钮后状态不会更改。
在开始时，我将状态设置为false。该按钮位于事件onClick=为{this.handleClick}的Form.js中。然后，事件handleClick应该将状态设置为true，并且当状态发生变化时，Battle.js中的createBattle()应该呈现该表。
请告诉我我做错了什么？
谢谢
App.js
import React from "react";
import Titles from "./Components/Title";
浏览 0提问于2018-10-24得票数 0
我已经在Visual Studio2019 nodejs项目中创建了一个Typescript程序，但是如果我没有包含以下声明，如果我使用setState方法或this.props，它将导致错误。 export default class ReduxTest extends React.Component {
props: any;
state: any;
setState: any;
... types文件夹位于项目的正下方。在Types文件夹中，有一个定义文件react.d.ts。所以我不知道如何设置tsconfig.json。tsconfig.json的设置如下。
浏览 11提问于2019-05-02得票数 2
可刷卡：
render() {
const {
children, containerStyle, revealContainerStyle, rightSwipeContent,
} = this.props;
const swipeAnimStyle = {
right: this.swipeAnim,
};
const childrenWithProps = React.Children.map(children, child => React.cloneElement(child, {
swipeLeftPanResponder: this.swipe
浏览 2提问于2018-05-04得票数 0
1回答
响应构建多个文件
、、、
在webpack构建过程中，如何将React/Redux应用程序拆分成模块？假设我有一些与用户相关的组件，还有一些与发票相关的组件。我希望webpack能够构建users.js和invoices.js，我可以将它们导入index.html，并且由于我可能会更改一些与用户相关的组件，所以我只需要在生产服务器上交换users.js，而不需要对invoices.js进行任何修改。
这种模块化可以实现吗？非常感谢你的任何回答
浏览 5提问于2016-05-02得票数 2
回答已采纳
我正在做react项目，我正在尝试使用react中的axios库将数据发布到数据库中。但是我得到了这种错误--> 'customerSignup‘没有定义。我正在尝试解决这个错误，但我没有，所以请帮助解决这个错误，并帮助我将数据从前端发送到后端。 这是App.js import React from 'react';
import './App.css';
import Navbar from './Components/Navbar/Navbar';
import Home from './Pages/Home/Home
浏览 10提问于2019-12-25得票数 0
回答已采纳
我使用不可变的JS和React。我想知道在个人风格选择下，这三种更新状态存储的方法是否有很大的区别：
// Method 1
this.setState(({data}) => ({
data: data.update('count', v => v + 1)
}));
// Method 2
this.setState(prevState => ({
data: prevState.data.update('count', v => v + 1)
}));
// Method 3
this.setState({
dat
浏览 6提问于2018-01-16得票数 2
我在React中创建了一个Tic Tac Toe板。当一个人点击我的应用程序组件中的rest按钮时，我正在尝试休息面板。我在试着找出处理这种情况的最好方法。我一直在读关于提升的文章，但如果有更简单的方法，任何建议都会有帮助。以下是我的代码
let data = {
"box":[
[ "", "", "" ],
[ "", "", "" ],
[ "", "", "" ]
浏览 0提问于2017-11-14得票数 0
2回答
我是一个初学者，我正在学习反应JS。我正在做一个演示项目。我需要帮助。
在我的app.js中有路线shop.js和review.js。数据和状态在shop.js中。现在我如何从review.js上从shop.js传递一些状态数据
我怎么能这么做？
浏览 3提问于2022-03-20得票数 0
回答已采纳
2回答
我习惯于使用React Router，它提供了很大的灵活性，可以在页面上的不同位置从单个路由呈现多个组件，而无需重新加载整个页面。下面我给出了一个例子。我想在将来的项目中使用Next.js，但我找不到一种方法来重现这种类似应用程序的路由器功能，因为Next.js似乎只提供基于页面的路由，而不能控制在页面上重新呈现单个组件以响应路由更改。这似乎对网页来说很好，但对于复杂的应用程序来说就不好了，因为这些应用程序可能需要多次更改才能响应单个路线的更改。
在下面的示例中，我在CRA中使用React Router，基于我的链接配置在页面上并发呈现多个组件。根据我目前的理解，这似乎不可能使用Next.js
浏览 13提问于2021-02-18得票数 1
我希望能够使用状态为Set对象的PureComponent，并在每次更新set的大小时实现重新呈现。
目前，以下内容不起作用：
class App extends React.PureComponent {
state = {
items: new Set()
};
addItem = () => {
this.setState(({ items }) => ({ items: this.state.items.add(Math.random()) }));
};
render() {
return (
<div
浏览 0提问于2021-07-06得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
