有没有一种方法可以改变包装组件的父状态？
在React中，可以通过回调函数或使用状态管理库来改变包装组件的父状态。
- 回调函数：父组件可以将一个回调函数作为props传递给子组件，子组件可以在需要改变父组件状态的时候调用该回调函数。通过这种方式，子组件可以将需要改变的状态作为参数传递给父组件的回调函数，从而改变父组件的状态。
- 状态管理库：使用状态管理库（如Redux、MobX）可以更方便地管理应用的状态。通过在父组件中定义全局状态，并在子组件中订阅和修改该状态，可以实现改变包装组件的父状态。在这种情况下，子组件可以通过调用状态管理库提供的方法来改变父组件的状态。
这种方法的优势是可以实现组件之间的状态共享和通信，提高了组件的可复用性和可维护性。
在腾讯云中，与React相关的产品是腾讯云Serverless Cloud Function（SCF），它是一种无服务器计算服务，可以帮助开发者在云端运行代码，无需关心服务器的运维和扩展。您可以使用SCF来构建和部署基于React的应用程序，并通过SCF提供的API来实现组件之间的状态共享和通信。
腾讯云SCF产品介绍链接：https://cloud.tencent.com/product/scf
相关·内容
我读过这篇文章。
它说道具不同于状态，理想情况下道具不应该改变它的组件，而应该只由它的父组件来改变。
然而，Redux中的mapStateToProps函数将Redux中的状态映射为React组件的支持，这基本上是当Redux状态被Redux操作改变时，Redux组件的道具发生变化。
这对我来说毫无意义。它似乎应该是mapStateToStates，并将Redux状态映射到React组件的状态。
我是不是遗漏了什么？
浏览 6提问于2017-01-03得票数 11
回答已采纳
最近，我意识到子组件总是在父组件改变时重新渲染，即使道具和子组件的状态没有改变。这使我的项目变得如此缓慢。所以，我使用shouldComponentupdate修复了这个问题。但是，我真的应该使用它吗？ 如果我用它的话。有没有办法把它应用到React-hook上？ 这是我的shouldComponentupdate中的代码 shouldComponentupdate(nextProps, nextState){
if(JSON.stringify(nextProps) !== JSON.stringify(this.props) ||
JSON.stringify(nextState) !=
浏览 20提问于2019-05-23得票数 4
我有一个主组件，其中有3个子组件，这是有条件的显示。有一些箭头按钮可用于更改要呈现的子组件。其中一个子组件的状态需要保持，即使该组件不再是所显示的子组件。
问题是，我不认为来自这个子组件的状态数据应该作为维护状态的方法传递回父组件。在这个场景中，我希望子组件的状态只存在于子组件中。有没有什么方法可以用来维护这种状态呢？例如，如果我呈现每个子对象，但使用CSS (或其他一些选项)有条件地隐藏非活动的子对象，该状态是否会持续？
浏览 1提问于2020-05-13得票数 0
如果修改了子组件的支柱(numberModifier)，则只能重新呈现.numberModifier使用的是没有依赖项的useCallback。因此，它永远不会改变。
为了测试这一点，我修改了“online”(inside Application)的值，它恰好是父程序的支柱，因此在修改“online”时，Application和Parent都会被重新呈现。
这事儿可以理解。
然而，也重新呈现了“儿童”。我不明白为什么会这样。它只有道具(numberModifier)是不修改的。
为什么当我修改联机(应用程序)的值时会重新呈现孩子？
如果这是正确的行为，那么使用useCallback有什么意义呢
浏览 2提问于2021-05-25得票数 0
回答已采纳
问题所在
我有一个父组件(X)，它管理许多状态和子组件。
在这些孩子中，我有一个动画组件(Y) (它是一个具有不同面孔和变化面孔的化身，与他所说的内容同步)。
目前，face的类型是X中的一个状态，作为Y的支柱。这种机制是通过设置一个定时器列表来完成的，这些定时器将在所需的时间改变状态。我需要在X里面有脸类型的逻辑，因为我处理的是X里面的化身的讲话。
问题是，在说话的时候，化身会频繁地改变面孔，导致所有的孩子都会频繁地重新呈现。
我已经尝试过的东西
我尝试过的一种解决方案是将其他的子程序封装在React.memo()中，以避免过度的重呈现。
在这种情况下，我有一个问题：
其中一个子程序(Z
浏览 5提问于2021-08-17得票数 2
我是ReactJS新手，我遇到了以下问题--我有Parent组件，还有两个子组件-- List和Map。这两个都有孩子的物品。我想要的是当我在Map中悬停一个组件时--改变List中适当组件的样式，反之亦然。我可以处理悬停事件，但是如果我将悬停元素的ID保存在Parent状态，它将在每次悬停时重新生成完整的Parent组件。我怎么才能避免这种情况？我不使用Redux或类似的东西。
浏览 7提问于2016-09-07得票数 0
回答已采纳
1回答
我展示的是这样一个下拉列表：
<DropdownMultiselect options={chartVariables} />
尽管chartVariables是一个状态，并且正确地更新了get，但是当chartVariables被更新时，下拉列表的选项不会改变。
您可以在这里找到下拉列表的源代码：
你能帮我找出为什么当chartVariables 改变的时候，选项不会改变吗？，我必须修复这个库吗?或者我可以强迫这个DropdownMultiselect重新呈现吗？
浏览 4提问于2022-01-29得票数 0
回答已采纳
我想将我的项目从普通的react迁移到react redux，我对React并不陌生，但对Redux来说却是新的。我有一个用React写的相当大的web应用程序，里面有几十个React.js文件。它们中的大多数包含状态的+在它们之间传递变量。包括分配Post/Get请求函数，在我的文件中至少实现了一半。
我想慢慢地从普通的react转到react redux。
我想问一下，是否有人有一些文章，或者可以提供一些关于将现有的react项目迁移到react-redux的见解。我不想为了改变的唯一目的而停止开发，而是慢慢地适应它。
有可能吗？有没有工具可以帮我做到这一点？
我看到了一些redux的例子
浏览 7提问于2019-06-22得票数 1
我有一个可以自我更新的对象。假设它每一秒都会改变它的状态。 export class Obj {
val = 0;
start = () => {
setInterval(() => {
this.update();
}, 1000);
}
update = () => {
this.val++;
}
} 我认为(如果我错了，请纠正我)，类似的替代方案是连接到数据流的对象，每隔几毫秒将其状态更改为最后接收的值。 我现在需要一个react组件(使用钩子)来显示以下内容： function C(obj) {
r
浏览 42提问于2020-07-17得票数 0
我有一个关于React的shouldComponentUpdate (未被覆盖时)的问题。我确实更喜欢纯函数组件，但我担心它每次都会更新，即使props/state没有改变。所以我正在考虑改用PureComponent类。
我的问题是:功能组件是否具有与PureComponents相同的shouldComponentUpdate检查？或者它每次都会更新？
浏览 1提问于2016-12-01得票数 77
回答已采纳
我有一个创建本地状态的react组件:一个查询标识符。此查询标识符是在创建组件时创建的，并且不是/不应该从组件的使用者传入。此状态仅在组件实例中使用，并且不在其他任何东西之间共享--因此，感觉在组件中作为本地状态是合适的，而不是存储在redux存储中。 react组件经由redux分派异步动作，并且当该动作完成时，结果被存储在由前述查询id索引的redux状态的集合中。 在React components mapStateToProps函数中，我希望从处于redux状态的查询结果集合中检索查询结果。然而，组件的查询id只在组件实例的本地状态中，因此显然不能从mapStateToProps访问
浏览 6提问于2019-06-21得票数 2
回答已采纳
我想在return中使用两个tr标签，如下所示：
render() {
return<tr>row1</tr><tr>row2</tr>
}
它给出了一个错误:相邻的JSX元素必须包装在一个封闭标记中。
我知道我们需要将它们包装在一个公共组件中。但是如果我把它包装在一个div标签中，例如：
return <div><tr>row1</tr><tr>row2</tr></div>
然后我的布局就会改变。
有没有办法达到所要求的。
浏览 0提问于2017-09-12得票数 0
1回答
这是一个有点模糊的问题，但让我尝试通过伪码。如果我在父对象中创建子对象数组：
class Parent extends React.Component {
constructor() {
this.state = {kids: [<Child/>,<Child/>]};
}
render () {
return <div>{this.state.kids[0]}{this.state.kids[1]}</div>
}
}
class Child extends React.Compo
浏览 3提问于2016-10-07得票数 0
这有什么意义？在我在图书代码中找到的下一个例子中，我们在组件中有一个更改组件状态createTimer()的函数
createTimer = (timer) =>
{
const t = helpers.newTimer(timer);
this.setState({
timers: this.state.timers.concat(t),
});
client.createTimer(t);
};
它包裹着：
handleCreateFormSubmit = (timer) => {
this.createTimer(timer); }
浏览 1提问于2018-09-19得票数 0
回答已采纳
1回答
我有几个图像，我需要在onMouseEnter上缩放一点(使用CSS，即transform : scale(1.2);)，然后在onMouseLeave上还原。我有以下代码，这是工作。
CSS:-
.style {
transform : scale(1.2);
transition: transform .5s ease-out;
}
.shrink {
transform : scale(1);
transition: transform .5s ease-out;
}
构造函数中声明的变量：-
this.state = {
is
浏览 0提问于2018-08-25得票数 0
1回答
我正在制作一个本地的应用程序，我面临着一个小问题。我完成了第一个布局，现在我想用第二个布局来改变整个应用程序的风格，这就是我在我的父母中所拥有的。如您所见，我使用AsyncStorage检查您何时再次打开应用程序，最后选定的布局。一切都很完美。
export default class Home extends React.Component
{
constructor(props){
super(props);
this.state = {
view:0
}
}
componentWillMoun
浏览 0提问于2018-10-29得票数 0
回答已采纳
我有一个功能性的React组件，在我改变滑块的位置后需要重新渲染。因为我使用Redux来处理我的状态，所以我不需要使用React的，因为对我来说，这是一个有点老套的方式来解决我的问题。有没有一种实际的方法可以在不将我的组件转换为经典组件的情况下重新呈现所述组件onChange？ import React from "react";
import { Radio, RadioGroup } from "@material-ui/core";
import Slider from "@material-ui/lab/Slider";
const
浏览 27提问于2019-02-19得票数 4
我是真实的新的反应JS。几周前，我在JS、jQuery中创建了清单应用程序，现在我将使用React重新构建它，只是为了改变我的观点和实践反应。
我在不同的文件中有几个组件(兄弟姐妹)和一个父组件- App，components：
应用程序：-导航-任务列表-添加任务-页脚
我的导航组件如何与任务列表组件通信？更具体地说，我想拥有类似全局变量 selectedDay之类的东西，并在所有组件中使用它。当用户在导航组件中选择某一天(例如星期日)时，我希望将" Sunday“保存在这个变量中，然后在Task中使用它(当然，这是数据的示例示例)。我的问题是如何在第一个组件中存储数据并在另一个中使
浏览 1提问于2016-12-11得票数 0
回答已采纳
在web应用程序中，键盘快捷键的管理有点棘手。
考虑一个Widget组件。
我希望能够聚焦某些元素，并在此组件上运行基于键盘速记的函数。
class Widget extends React.Component {
componentDidMount() {
this.setBindings()
},
componentWillUnmount() {
this.removeBindings();
}
}
setBindings和removeBindings将使用像这样的库绑定特定的键盘快捷键。
现在，上面的解决方案有两个问题：
它使键盘快捷方式行为不可预测
浏览 4提问于2016-09-20得票数 9
回答已采纳
export default function ChatButton({showScreen}) {
const [active4, setActive4] = useState(false);
const handleClick4 = () => {
setActive4((prev) => !prev);
showScreen("MessageScreen");
};
return (
<div id="chat-button">
<div
className
浏览 6提问于2022-11-15得票数 0
2回答
我是个新手，不知道我能不能在这里得到一些建议。 我目前正在使用Mapbox，并将地图坐标设置为曼哈顿以及关于该城市的描述。我希望每次用户按下按钮时，地图的描述和位置都会改变(例如，用户单击时，地图将移动到布鲁克林) 从本质上讲，我正在尝试构建这个：https://docs.mapbox.com/mapbox-gl-js/example/playback-locations/，但在这里，社区只会滑向按钮点击。我不确定如何才能将这个普通的Javascript和html迁移到React中，所以我试着尽我所能重新创建。 我的代码如下。我知道子类是一个类组件，而父类是一个函数组件。 父组件 const
浏览 144提问于2021-04-23得票数 0
class App extends Component {
constructor() {
super();
this.state = {
name: 'React'
};
this.setState=this.setState.bind(this)
}
render() {
return (
<div>
<Hello name={this.state.name} />
<p>
Start editing to
浏览 0提问于2018-05-07得票数 7
我有多个模态注册，并与它有问题。我总共有三个动作。首先是注册按钮，然后激活第一个注册模式，以便在google或facebook上注册，然后在完成模式之后，提供商无法收集的其他信息将与预先填写的输入一起显示。我在渲染应用程序时渲染了两个通道，并且仅在单击注册按钮时才显示它。我需要在完成facebook或google登录后调用componentDidMount，但它是在应用程序首次启动时呈现通道时调用的。按下动作减速键和减速键，改变bool类型的状态，是否显示模式。
class HeaderRegisterButton extends Component {
render() {
浏览 0提问于2017-02-21得票数 7
我有一个工具提示组件，悬停时会显示一个简单的工具提示。
当您对组件执行mouseLeave操作时，将触发一个setTimeout，当它结束时，工具提示将关闭(setState({ open: false }))。
现在，我想添加一个行为来反映一个本机操作系统工具提示：
当您mouseLeave一个工具提示，但立即mouseEnter一个不同的工具提示时，前一个工具提示立即关闭，而新的工具提示打开。
为此，我需要在Tooltip组件的所有实例之间拥有一个共享状态。我可以使用Redux，但对于这么简单的任务(我需要一个与商店交互的容器，并使操作和属性可用)，这似乎有点过头了。
有没有更简单的解决方
浏览 2提问于2016-06-10得票数 5
可能是一个简单的问题，有一个简单的答案，但我搞不懂。归咎于热度。我的模拟器打印‘这是一个测试’在屏幕上，当我希望它说‘改变’。我做错了什么？
import React from 'react';
import { StyleSheet, Text, View } from 'react-native';
import Template from './src/components/Template';
export default class App extends React.Component {
constructor(props)
浏览 1提问于2018-07-12得票数 1
回答已采纳
4回答
我开始学习React approx。几个月前，我对这个概念感到非常困惑，因为它对我来说仍然是新的东西(与我之前在C++和C语言中的工作相比)。 简而言之，我想知道什么是React的等价物，即从函数返回C++。如何从函数(在我的例子中是类函数/状态)返回值(或多个值)并在其他组件中使用它。 我已经做了一个简单的脚本来改变背景，以模拟鼠标上的RGB光，我做了它，以便HSL颜色模式应用于组件的背景。我想在我的页面上使用多个组件，图标等，但感觉有一个更好的方法，比导入三个文件中的所有函数，使工作三倍于所需的。 import React, { Component } from 'react&#
浏览 39提问于2019-06-24得票数 1
我目前正在第一次开发一个react-redux应用程序。我尝试创建一个组件来挑选一个大小，并将这个大小传递给商店。不幸的是，我知道我不能访问mapdispatchtoprops中组件的状态。有没有其他的解决方案可以得到同样的结果？提前感谢！ import React from 'react';
import thunk from 'redux-thunk';
import InputLabel from '@material-ui/core/InputLabel';
import MenuItem from '@material-ui/
浏览 23提问于2020-04-06得票数 0
我在类型记录中编写了一个简单的treeview，使用react来呈现DOM。
每个节点都必须遵循简单的接口。
interface INode {
label: string;
children: INode[];
}
然后用以下方法描述这棵树：
var tree = {
label: "root",
children: [
{
label: "node 1",
children: [
{
labe
浏览 1提问于2016-03-14得票数 6
回答已采纳
我倾向于使用react功能组件和钩子，因为我没有太多使用react的经验。我想在父功能组件中使用react-dual-listbox类组件。在这个父组件中，我希望能够访问子类组件的selected状态。做这件事最好的方法是什么？
来自的子项react-dual-listbox组件
import React from 'react';
import DualListBox from 'react-dual-listbox';
const options = [
{ value: 1, label: 'Option One' },
浏览 2提问于2021-07-22得票数 1
我有一个组件，每当它改变时，我想调用一个方法来检查它的状态。这是我的组件，使用一个虚拟方法来演示我想要做的事情(如果为onboarding.show === false，则将视图设置为离屏动画)：
export class Onboarding extends Component {
animateView() {
// i want to call this method when
// the state changes
// something like;
if (!this.props.onboarding.show) {
Anima
浏览 0提问于2017-01-17得票数 2
我在我的应用程序中使用了很多react-native TextInputs，并且我通过添加以下内容手动更改了每个selectionColor：
<TextInput
//various settings
selectionColor={white}
//more settings
/>
进入每一个TextInput。在对如何在全球范围内改变这一点进行了一些调查之后，我发现了defaultProps，我相信下面的内容
TextInput.defaultProps={selectionColor: 'white'}
应该足以彻底改变它。但是，我不确定我的语
浏览 5提问于2018-02-28得票数 1
回答已采纳
我正在开发一个使用进攻性组合的项目(每个组件都有很多组件在树中，每个组件也有大量组件)，并使用Redux来管理状态。
例如：
<ComponentA>
<ComponentB>
<ComponentC>
...
<ComponentZ>
</ComponentZ>
</ComponenetC>
</ComponentB>
</ComponentA>
每个组件都有自己的函数，可以改变应用程序的状态。
管理所有更改应用程序状
浏览 0提问于2019-09-25得票数 1
似乎一个antd组件的更改将触发页面上所有其他组件的重新渲染。当你把反设计组件放进去时，React.PureComponent就不能工作了--它不允许输入文本，因为状态和属性没有改变。
我看到的唯一解决办法是在shouldComponentUpdate中添加额外的逻辑，或者使用onChange方法为每个字段维护本地状态。
维护所有字段的状态，这对我来说是一个令人头疼的问题。有没有人运行包含许多反设计项的大型应用程序，这样我至少可以理解什么时候是进行优化的合适时机？
目前我有大约60个antdesign组件的表单，当输入时，它会挂起一段时间。
浏览 5提问于2018-11-17得票数 0
2回答
我希望将共享功能从我的react组件移到下面这样的高阶组件上：
function withListFunctions(WrappedComponent) {
return class extends React.Component {
constructor(props) {
super(props);
}
// my shared functionality
deleteItem() {
// Do something, then ...
this.
浏览 0提问于2018-11-25得票数 5
回答已采纳
48回答
我在看“反应”课程，老师说道具不应该换。我现在正在读道具和状态的，上面写着
道具和状态更改都会触发呈现更新。
这篇文章的后面写道：
道具(属性的缩写)是一个组件的配置，如果可以的话，它的选项。它们是从上面接收的，是不变的。
所以道具可以改变，但它们应该是不变的？
什么时候应该使用道具，什么时候应该使用状态？
如果您有React需要的数据，是通过支持还是通过getInitialState在React组件中设置？
浏览 0提问于2015-01-16得票数 739
回答已采纳
我正在学习react，并且正在尝试创建一个TreeView组件。这个TreeView可以接收数据本身(通过' data‘prop)，也可以作为指向rest资源的url。在这里，我将重点介绍最后一个选项。
该组件首先以“正在加载”的状态呈现，然后在componentDidMount上进行ajax调用。当数据从REST服务返回时，我只需将其赋值给组件的'props.data‘和setState({loading:false})，它就会正确地呈现填充的树。
这里的一个问题是，我正在改变组件本身的道具，这是react中的一个反模式，但向状态添加数据感觉也不正确。我倾向于将状态视为与UI
浏览 2提问于2014-12-24得票数 2
2回答
因此，我正在构建一个Nuxt应用程序，用于处理文档(广义上)，它将有一个菜单，显然我将使其成为一个组件。菜单将是文档本身的许多操作的主页，例如打开/保存文件、编辑等。
我知道将信息从一个组件传递到它的父组件(在本例中是doc vm )的标准方法是通过消息，但它感觉有点过头了，语法(emit处理程序在这种情况下对我来说并不自然)和诸如此类。
出于这个原因，我想知道为什么我不能将父vm作为道具传递给菜单组件？它将包含所有类型的方法，我将能够通过菜单轻松地调用它们。类似于：
父级(Document.vue)：
<template>
<main-menu :document='
浏览 5提问于2021-09-27得票数 0
以下React组件工作正常，我可以使用阿波罗-React查询GraphQL端点。在这个特定的例子中，我使用阿波罗- function的compose函数，在同一个组件中添加几个查询。我想动态地在特殊的variables字段中注入userId。有办法吗？因为简单地调用函数getUser()似乎不起作用，所以我只能得到一个承诺。
class AllCardsScreen extends Component {
state = {
query: '',
userCardsById: [],
userId:'',
浏览 0提问于2018-10-17得票数 2
回答已采纳
我有一个像手风琴一样的无状态部件。在单击容器div时，我会在一些子组件上切换几个css类。它可以直接更改dom中的类吗?还是应该将这个无状态组件转换为有状态组件并通过状态处理类切换？
import React, {PropTypes} from "react"
const Accordian = ({children,label,align}) => {
return(
<div class={"accordian-tab " + (align === "left" ? "accordian-
浏览 4提问于2016-10-21得票数 0
回答已采纳
2回答
我有几个自定义组件，所有这些组件都包含在父应用程序中。
当我试图改变一个自定义组件的状态时，我得到一个错误消息：“未定义的状态:状态名称”。如何在自定义组件中更改应用程序的状态？
浏览 0提问于2010-12-10得票数 0
回答已采纳
我正在尝试理解如何在ReactJS中将更改的状态从子组件传递到其父组件？到目前为止，下面的代码改变了孩子的状态，但没有改变父母的状态，你知道我做错了什么吗？
我正在使用redux从mongodb获取产品阵列。
产品数组示例：
[
{
“_id”: “2331”,
“department”: “Shoes”,
“category”: “Shoes/Women/Pumps”,
“name”: “Calvin Klein”,
“title”: “Evening Platform Pumps”,
浏览 5提问于2018-09-06得票数 0
我想更改client = {state:0}，您可以使用this.client.state访问它
我还有一个孩子，里面有一个按钮。当你按下按钮时，我试图改变这个状态变量。
出于某种原因，我发现互联网上的一切都不适合我。我已经坚持了5个小时了，我想是时候自求多福了
import React from 'react';
import { StyleSheet, Text, View, Image, TouchableOpacity } from 'react-native';
import Home from './Components/Home';
浏览 0提问于2018-11-11得票数 0
回答已采纳
3回答
所以我有一个组件A(扩展了React.component)，它被包装在一个更高阶的组件B中。
在组件B的方法中，我需要为A执行setState，或者在A中调用一个函数(以便它可以执行setState) -这通常是如何完成的？
我可以在这里粘贴实际的代码，但我认为如果有标准的方法来处理这种情况，可能会使问题变得复杂。
编辑:这是代码- isOpen需要更改才能关闭Modal，它需要在handleSubmit中更改...
import React from 'react';
import Modal from 'react-modal';
import { with
浏览 0提问于2017-12-07得票数 2
5回答
我对角质还不熟悉。我正在尝试从子组件访问/变异父组件的变量。我画了一张小图来解释我的结构。
标签1:变量(要变异)所在的父组件。
标签2:子组件，它将在单击事件上更改父变量。
标签3:子区域内的按钮将触发更改。
我检查了许多解决方案，例如：
但我解决不了我的问题。我还创建了一个。请看一下我的密码。
timeselector.component.ts
import { Component, ViewChild } from '@angular/core';
import { MonthpickerComponent } fr
浏览 2提问于2020-03-03得票数 3
回答已采纳
我有一个GraphQL端点，它在每次查询时都会返回一个随机名称。
如果查询本身没有改变，Apollo的Query对象似乎不会重新查询。以下是代码的一小段：
class RandomName extends React.Component {
render() {
const query = gql`
query name($gender: String, $top: Int) {
name(gender: $gender, top: $top) {
firstName
gender
surname
}
}
`;
retu
浏览 0提问于2018-05-20得票数 2
5回答
使用react将表单作为功能组件
、、、、
如果我想制作一个包含表单的功能组件，例如登录，并且我想在App组件中包含状态，login将是它的子级，我可以使用Login子级中的form来改变App中的状态吗？
浏览 81提问于2018-11-28得票数 7
回答已采纳
3回答
我想一页一页地制作条件Header，这意味着我不想在Home页面上显示Header，在其他页面上显示Header，比如posts页面、projects页面等等。
我试着思考如何解决这个问题，但是使用react-router-dom并没有什么特别的方法。当然，这对我来说可能很难。
不管怎样，我解决不了上面的问题是一样的。
因此，这是当前代码：
<div className="ui container">
<BrowserRouter>
<Header />
<Route exact path="/"&g
浏览 7提问于2019-11-12得票数 2
回答已采纳
我使用了react-router-redux并嵌套了connect()组件。这似乎工作得很好，除了我的嵌套组件会在状态改变时重新呈现。
Probs: Root有5个子组件:如果任何一个子组件中有任何状态变化，所有组件都会重新呈现，因为所有组件都是connect()。
如何才能仅渲染所需的子项？
(有没有办法使用connectAdvanced生命周期方法来解决这个问题？
浏览 4提问于2017-12-11得票数 0
我发现了这个问题，它通过将所有上下文更改函数添加到最上面的父级来回答这个问题。
但是这是很尴尬的，我想要改变环境的函数在改变它的组件中。假设我有一个按钮来更改内容中的某些内容，我希望在该组件中有handleChange()，而不是用不属于它的函数和状态阻塞我的父节点。
这有可能将上下文逻辑外包给组件吗？
浏览 4提问于2019-11-05得票数 0
回答已采纳
我在我的父组件中有以下代码：
render () {
return (
<div>
<LaunchSidebar game={this.state.game} />
{!this.state.isLaunchingGame && <Loader/>}
<div ref="game-container" id="game-container"></div>
</div>
浏览 4提问于2018-07-20得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
