我可以在另一个子组件中使用引用一个子组件的状态的状态吗？
在React中，可以通过props将一个子组件的状态传递给另一个子组件使用。这样可以实现子组件之间的状态共享和通信。
具体实现方法如下：
- 在父组件中定义一个状态，并将其作为props传递给子组件A和子组件B。
- 子组件A可以通过props接收到父组件传递的状态，并将其存储在自己的状态中。
- 子组件B可以通过props接收到父组件传递的状态，并将其存储在自己的状态中。
- 当子组件A的状态发生变化时，可以通过回调函数将变化后的状态传递给父组件。
- 父组件接收到子组件A的状态变化后，再将新的状态传递给子组件B。
这样，子组件B就可以使用子组件A的状态了。
这种方式适用于简单的状态共享场景，如果需要在多个组件之间共享状态，可以考虑使用状态管理库（如Redux）来管理全局状态。
腾讯云相关产品推荐：
- 云函数（Serverless）：https://cloud.tencent.com/product/scf
- 云数据库MongoDB版：https://cloud.tencent.com/product/cosmosdb-mongodb
- 云原生应用引擎：https://cloud.tencent.com/product/tke
- 云存储COS：https://cloud.tencent.com/product/cos
- 人工智能平台PAI：https://cloud.tencent.com/product/pai
- 物联网平台IoT Hub：https://cloud.tencent.com/product/iothub
- 区块链服务BCS：https://cloud.tencent.com/product/bcs
- 腾讯会议：https://cloud.tencent.com/product/tc-meeting
相关·内容
1回答
将多个子引用设置为状态
、、、、
我是通过将回调传递到它的ref支柱来检索子组件的DOM节点，如图所示。
父组件：
setElementRef = (name, element) => {
if (element) {
this.setState({
...this.state,
menuItems: {
...this.state.menuItems,
[name]: prop,
},
});
}
};
render() {
r
浏览 3提问于2020-05-19得票数 0
回答已采纳
2回答
子组件永远不应该在React中有状态吗？我理解状态应该由“包装器容器”或父容器来维护，并且它应该具有单向流。我已经开始使用React，并且有一个包含多达10个子组件的头容器。
假设其中一个子组件是一个带有提交按钮的表单，可以启用或禁用该按钮。
这个子组件应该不能有一个为按钮初始化状态的构造函数，并能够直接操作它，或者我在包装器容器中“只”维护如此微小的状态是否很重要？
浏览 1提问于2016-12-02得票数 2
我刚开始使用React & Redux，我使用过的许多指南都是几年前的。React和Redux中的钩子似乎都是比较新的，我看到的一般建议是用函数组件和useState()替换React中的类组件。
在我进行Redux练习时，我不清楚的是mapStateToProps()、mapDispatchToProps()和connect()是否仍然相关，或者我现在是否可以用useSelector()和useDispatch()挂钩替换它。
目前，通过mapStateToProps()和mapDispatchToProps()设置，我有一个父组件通过多个级别将我的Redux状态发送给多个子级。每当
浏览 6提问于2020-12-18得票数 4
回答已采纳
我有一个子组件使用forwardRef从父组件获取引用，但是，我很好奇如果我没有从父组件传入引用会发生什么。我测试了其他父组件，这些组件也在使用此子组件，但没有传入ref，它们似乎工作得很好。感谢您的帮助！
浏览 17提问于2021-06-02得票数 0
3回答
我试图将中的状态从一个子组件中更改，我觉得我以后会在我的应用程序中出现一个问题
我尝试将setFunction向下传递给子组件，然后让它更改应用程序组件中的值。
浏览 4提问于2022-12-03得票数 0
我有一个包含3个子组件的导航组件：
NavigationHeader NavigationList NavigationBtn
在NaviationBtn-元素中，我有一个按钮，要在该按钮上添加事件侦听器：onClick={btnClickHandler}
这个NavigationLists-DOM-Elements点击处理程序应该能够访问并设置属性：display: hidden属性。
我读过，选择与getElementsById/ClassName交互的任何dom元素，并使用'useRef'，这是错误的做法。
但我不知道如何实现这一点！
谢谢你的帮助！
浏览 1提问于2021-10-01得票数 0
回答已采纳
我有一个有状态GrandParent呈现ParentOne或ParentTwo的设计，但是双亲都呈现相同的有状态Child组件。当父组件被更改时，我希望保留Child的状态(以及它可能有状态的子元素)。
我创建了一个很小的代码库来展示我的意思，我还将包括JavaScript，以备将来参考，以防它消失：
function Child() {
const [myState, setMyState] = React.useState(false);
return (
<div>
<p>Is state modified: {myState.to
浏览 10提问于2022-09-16得票数 0
假设我有一个主要的父组件A，它有两个子组件B和C，C组件本身是一个父组件，它也有两个子组件，即D和E。
因此，如果我在E组件中更改计算，则应该在直接父组件C中即时更新，也在父组件A中更新。
那么应该用什么递归方式来完全满足我的需求呢？
浏览 3提问于2021-02-21得票数 2
2回答
我有一个使用Vue的SPA，默认的布局是头中的html，然后是一个抽象的子组件，它被注入到页面中。每个子程序都有一个加载程序，以便在加载页面时，用户看到标题html，并在子服务器从服务器获取数据并呈现数据时显示加载图标：
<navbar/>
<child id="main-content"/>
我现在需要为每一页添加一个页脚。但是，它看起来不太好，因为在父默认布局中添加页脚会导致显示页眉，然后显示加载图标，然后只有在从子服务器中从服务器获取数据之后才会按下页脚：
<navbar/>
<child id="main-content
浏览 15提问于2021-12-07得票数 0
回答已采纳
在一个简单的组件中，我有一个子组件数组。在父类的state中(除其他外)，我持有一个对象数组，在render函数中，我将子组件构造为：
const children = [];
let i = 1;
for(let child of this.state.children){
children.push(<Decoration key={i++} {...child} />);
}
return (
<div>{children} {this.state.something_else}</div>
);
问题是，每当我更改其他状态值时，子组件
浏览 3提问于2017-06-07得票数 1
回答已采纳
我试图创建一个容器组件，它可能会随着时间的推移而更改其内部组件。
class Container extends React.Component {
constructor(props) {
super(props)
this.state = { content: new FooComponent() }
}
render() {
return <div>
{ this.state.content }
</div>
}
}
我会犯这样的错误：
对象作
浏览 1提问于2019-04-23得票数 1
回答已采纳
1回答
创建多个子组件(每个子组件可以对其父组件的setState )，使得这些子组件具有不同版本的状态历史(也称为陈旧状态)。
若要再现错误：
通过单击“添加新社交媒体”创建两个子组件，提交两个子组件以设置父状态，再次提交第一个创建的组件，现在第二个组件输入从生成的状态中消失。
另一个错误：
通过单击“添加新的社会media"submit第二个创建的子componentsubmit第一个创建的子组件，现在第二个组件的输入从生成的状态中消失”，创建了2个子组件。
总之，我希望生成的状态拥有每个组件的所有数据。我怎么才能解决这个问题？
const Admin = () => {
co
浏览 3提问于2020-07-25得票数 3
回答已采纳
在我的vue cli项目中，我有一个带有3个子组件SettingsA、SettingsB和SettingsC的路由设置。每个子组件都有大约15个输入字段，因此对于单个组件来说，输入字段太多了。
目标是在加载路由设置时，使用axios调用从REST后端获取数据，并使用数据填充一些输入字段；
然后，用户可以在子组件之间导航并填充/更改输入字段，而无需触发axios调用，该调用将重新加载和覆盖用户输入字段的更改。
因为有3个子组件，所以我使用vuex作为存储。这样，当用户在子组件之间导航时，用户输入就不应该改变。
我的问题是:我应该在哪里和用什么钩子调用axios？在设置组件上使用beforeMou
浏览 0提问于2020-02-25得票数 0
我有一个包含五个“路由”/子页面的React应用程序(使用React Router)。
如果用户在子页面上输入信息(例如，选中复选框/在页面上的输入字段中输入文本)，然后访问另一个子页面，并返回到上一个子页面，我希望该子页面保留用户离开时的状态。
在某些时候，我还需要能够检索所有子页面的状态。
使用React Router这是可能的/可行的吗，还是有更好的方法呢？
浏览 2提问于2018-05-23得票数 1
首先，我想说，我对此反应很新，然而，在网上搜索了这个问题的答案之后，遗憾的是，没有什么是完全合适的，所以我来到这里。
我有一个组件，它包含一个引导模式，然后我希望设置来自另一个子模型的值，并最终显示该模型。虽然我可以通过简单地在第二个子组件中声明模态子组件来解决这个问题，但是这会导致每个子组件的多个呈现(生成大量冗余的HTML代码)。因此，我希望在父级中声明模态组件，然后在其子组件被激活时以某种方式设置它的值(为了便于查看，我已经创建了一个基本版本)：
function DeleteModal(props)
{
return (
<div className=
浏览 2提问于2021-07-13得票数 1
回答已采纳
使用Angular6时，假设我有两个子组件A、B，它们都是父组件P的一部分。我希望在组件A上使用表单输入-所以一旦单击，字符串值将传递并在组件B上触发一个函数：
functionOnB(valueFromA: string) { //some code here; }
这有可能吗？
我已经使用EventEmitter成功地在组件之间传输了数据，但是是否有可能用这些数据调用函数，而不仅仅是传递原始信息？
浏览 1提问于2018-09-19得票数 5
回答已采纳
我目前正在使用React创建一个伤害计算器应用程序。我才刚刚开始，所以请耐心点。
下面是我获取'Atk‘输入值的代码。它目前在我的组件‘CalculatorItems’中：
class Atk extends Component {
constructor(props) {
super(props);
this.state = {stats: ''}
}
render() {
return (
<div>
<label>PHY/MAG ATK</label><
浏览 0提问于2018-09-20得票数 0
我有3个组件，即2个子组件和一个父组件。我想将子组件的值传递给parent (只传递值，而不是组件，它在parent中应该不可见)，并将这个值从parent传递给另一个子组件。
关于如何处理这个问题的任何建议或逻辑，因为我现在没有任何指导，所以我必须在这里询问。上述问题是可能的吗？
代码非常复杂，所以我没有放在这里。谢谢
浏览 0提问于2018-03-02得票数 0
1回答
我有一个Parent React本机组件，它由三个子组件Header、Body和Footer组成。这是如何在文件MyScreen.js中安排的。
<Container> // I am using NativeBase Container
<Header />
<Body />
<Footer />
</Container>
这三个子组件的定义包含在单独的文件中，例如Body.component.js等。
我希望访问包含在不同文件FooArray.js中的数组数据结构FooArray.js，它是由Body和Foo
浏览 0提问于2018-09-08得票数 0
回答已采纳
我有一个简单的问题，但我找不到答案。这段代码(属于一个子组件？是一种好的实践吗？
export default {
name: 'Wish',
props: ['wish'],
data () {
return {
isEditing: false
}
},
methods: {
completeWish () {
this.wish.done = true
},
...
或者我应该使用emit在父对象中更新wish对象的done属性？
谢谢
浏览 0提问于2017-12-10得票数 7
回答已采纳
1回答
我正在构建一个react本机应用程序。我有一个父组件和一个子组件。子组件有一个按钮，其事件处理程序位于父组件中。在事件处理程序的末尾，我还必须更新子组件中的特定状态。因此，我使用父组件中的useRef钩子来创建子组件的引用。现在，事件处理程序函数看起来如下所示
const handleJoin = async (community: TCommunity) => {
// ..........
childComponentRef.current.setIsDataManipulated(true);
// ..........
};
但是在setIsDataMan
浏览 2提问于2021-03-30得票数 1
回答已采纳
关于TextInput onChangeText是如何工作的，我有两个问题。
如何决定TextInput的哪个父组件应该处理状态更改？
该父组件如何调用onChangeText支柱函数？
1.让我给出一个简单的代码示例。假设我有一个使用函数子组件输入的类组件LoginForm：
class LoginForm extends Component {
state = { text: '' };
render() {
return (
<Input
value={this.state.text}
浏览 0提问于2018-01-19得票数 0
回答已采纳
3回答
我知道我会问一个关于使用反应的核心/基本方式的一些规则的问题。但是也许通过这个例子，有人帮助我解决了我面临的问题。
这并不是我的项目的全部代码，但是确切地显示了我的问题的想法：
问题是，我需要从父组件中更改子组件的状态，但我不希望在父组件中运行呈现方法，也不希望在父组件中处理状态。
有办法做到这一点吗？在我的项目中，我有一个创建多个泛型子类的父类，处理这个请求将更加困难。
具体来说，我需要更改一个子(MyFirstChild)的状态，在另一个子(SecondChild)读取击键并运行API从后端获取一些值之后，我需要将更改发送到"MyFirstChild“以更改他的状态。父组件有~5
浏览 1提问于2020-04-23得票数 0
回答已采纳
我试图从一个子组件向另一个子组件发送和呈现一些数据&这两个组件都是使用一个主组件来呈现的，我如何在两个子组件之间传递数据(在我的vue应用程序中)？
exg
I have two child components A & B , "B" has click add to cart click event and have data of cart items , & i have template for cart item in component "A"
浏览 8提问于2020-06-05得票数 0
回答已采纳
父类有几个子组件，所有子类都在呈现方法中实例化，因此，对父状态的任何更改都会导致所有子实例重新实例化，每次调用react创建子实例的新实例，在那里通过子实例的松散状态，以便重用我尝试使用parent.refs.childRef检索子实例的子实例，但这给我带来了错误。
未明错误:对象作为一个React子对象无效。
，这是我的密码
placeHolderComponent(){
let component;
let palceHolderValue=this.state.uiState.placeHolder;
let classInstan
浏览 4提问于2016-12-02得票数 2
1回答
我有一个屏幕(父)，FlatList驻留在其中，renderItem显示一个子元素。
在这个子元素中，我有一个Pressable，当用户单击它时，它会显示一个选中的图标并更改它的背景色。
这是基于父中的父中的状态数组动态实现的，在其子的每个renderItem中，我都传递状态数组。
在子组件中，我检查这个子元素的ID是否存在，如果是，则显示一个选中的图标，并且背景改变颜色。
我知道React中的states是异步的，但是我在处理这些场景时总是遇到问题。
我已经尝试在FlatList所在的父屏幕上进行检查，以将是否显示选中图标的布尔道具传递给子屏幕。
例如(很抱歉，在这样的代码中，格式化代码总是
浏览 6提问于2021-07-25得票数 0
回答已采纳
一个组件有两个子组件，在更改其中一个子组件中的开关值时，它应该重新呈现另一个子组件。如何做到这一点？请用代码片段解释。
浏览 1提问于2022-08-09得票数 2
回答已采纳
在以下守则中：
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
回答已采纳
如果通量存储是维护数据状态的单例，为什么组件在访问存储时使用setState而不是setProps？这不就意味着我开始在两个(或更多)位置保存应用程序状态吗？
Flux / React文档和示例似乎都指出setState是首选解决方案，但我与一些同事进行了一次有趣的对话，我想知道是否有人遇到过这种情况
编辑:您可以在以下url中看到我所说的内容：
请注意ThreadSection是如何成为一个子组件的，即直接从存储获取数据并将其用作状态。
如果你遵循React的“方式”，我会期望状态由存储管理--而不是一个子组件。
我们想到的解决方案是获取顶级组件中的所有存储(作为道具)，并根据需要将它们传递
浏览 0提问于2014-08-23得票数 25
我是Next.js的新手，正在尝试做一个电子商务项目。我被卡住了，如果一个子组件排序 组件向服务器发出post请求，以筛选数据并将其传递回产品组件作为产品道具。 文件夹结构如下： <> 在排序组件，我将把筛选器参数发送回服务器。所以我考虑的方法是使用Redux，但是我可以使用useSWR胡克？因为该操作是在排序组件，似乎useSWR钩子需要在同一个组件中同时返回动作和数据，对吗？
浏览 232提问于2021-02-17得票数 2
回答已采纳
1回答
是否可以在一个React App中同时使用Functional和Class组件？我正在用React构建一个网站UI，后端已经用NodeJS构建。我使用的模板是用Class Components构建的，其中我介绍的新组件是带Context API的函数式组件。它们可以协同工作吗?还是有必要将所有的Class组件转换为函数？
浏览 1提问于2020-08-11得票数 0
10回答
我有一个具有多个子组件的反应性组件。我不想立即呈现子组件，而是经过一些延迟(每个子组件都是统一的或不同的)。
我在想-有什么办法吗？
浏览 10提问于2015-06-12得票数 75
回答已采纳
2回答
在通量教程中，它说“应用程序状态只在存储中维护”。
短版本：在我的应用程序中有一个可变数量的组件，每个组件都维护状态。我该怎么用这里的商店？好像我每个组件都需要一个商店。
长版本：--我想要创建一个具有可变节点数的文本元素树(本质上是一个应用程序，它允许我创建任意树并在HTML中可视化)。
我当前的体系结构中有一个Tree元素，它维护状态：
{ children: [], // children are trees.
parent: someParent }
但是，考虑到树中的每个子树都有状态，似乎每个子树都需要一个存储库！设计这些代码的正确方法是什么？
浏览 0提问于2016-07-04得票数 0
我有一个带有子组件的父组件，它也有一个子组件。
Parent
|-Child One (child of parent)
|-Child Two (child of child)
当在子二中定义值时，我使用回调子值将该值传递给子值，但我也希望将相同的值传递给父值。不幸的是，使用类似的回调似乎有两次抛出标识符已经声明的错误。
请查看沙箱，看看我到底是如何实现它。
我该怎么做？
浏览 9提问于2022-05-30得票数 2
回答已采纳
3回答
我有一个名为MainWizard的组件，它使用许多子组件，每个子组件都有一个输入表单来接收各个字段的输入。
为了将数据从一个子组件传递到另一个子组件，我使用一个名为wizardService的服务。对于每个共享变量，我在服务中有一个主题，如下所示
private warningSubject= new Subject<any>();
setWarning(data){
return this.warningSubject.next(data);
}
getWarning(){
return this.warni
浏览 3提问于2020-10-15得票数 0
回答已采纳
来自Vue和深入反应，我似乎挣扎于钩子/组件生命周期和数据流的概念。在Vue中，我可以使用v-model进行反应来解决我的问题，我很难这样做。基本上：
我打算做的是:拥有一个父组件，它是一个表单。这个组件将有几个子组件，每个子组件都是表单数据的片段。每个子组件管理自己的状态。父组件有一个提交按钮，它应该能够从所有子组件中检索值。
简而言之，我的方法是:使用状态挂钩拥有一个功能组件来管理所述表单的一部分。这个“表单片段”-component可以广播包含其输入的更新值的更改事件broadcastChange()。在父程序中，我有一个submit按钮，它使用ref从子节点调用这个broadcastC
浏览 10提问于2022-02-02得票数 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
2回答
我正在制作一个WordSearch游戏。因此，我在上下文提供程序中声明了一个单词数组，并将其传递给它的子组件。我明白你的意思了。但是在子组件中，我有键盘的组件，在这里，在单击字母表按钮时，应该将值传递给另一个子组件，它将检查单词是否正确。
因此，我的问题是如何从子组件向另一个子组件发送值。
//this is word provider
import React, { createContext, useState} from 'react'
export const WordContext = createContext();
expor
浏览 4提问于2020-05-07得票数 0
回答已采纳
1回答
在我的Ember应用程序中，我有一个父组件'A‘，它有两个子组件'B’和'C‘
我的问题是：
如何触发从组件B到组件C的操作(即两个子组件之间的通信)？
添加一下，从B到C的this.sendAction不起作用
浏览 0提问于2018-03-21得票数 1
回答已采纳
假设我在React中有一个父组件，其中包含同一个组件类的3个单独的子组件(也就是说，在parent类中我有3个子组件)。如何在父组件中访问每个子组件的状态？ 我最初的想法是为我想要访问的每个孩子的状态都有一个单独的变量(我只想为每个孩子访问已填充的变量)。但我觉得这肯定是对React已经存在的东西的草率解决方案，所以如果有任何建议，我将不胜感激。 下面的示例代码用于说明目的。 const Parent = (props) => {
return (
<div>
<Child/>
<Child/>
<Child/>
浏览 35提问于2021-08-22得票数 0
我最近开始为一个新的项目使用angular 2，对于下面的项目，我对什么是最好的方法感到困惑。
我有一个父组件(根)，它有3个子组件，A(表格格式的搜索结果项列表)，B( google地图)和C(具有多个输入/选择下拉列表的表单)。
就搜索条件参数而言，组件C(细化形式)应该是主驱动程序，该参数由位于我已注入到根父组件中的服务中的API端点使用。返回的对象(当前是http调用的可观察值)将用于提供所有3个子组件、渲染列表、映射等。
现在，我真的想不通的是：
1)我应该如何从refine组件中的输入/选择中获取数据？我应该为每个字段实现输出吗？或者根父级是否应该使用viewChild以某种方式监
浏览 0提问于2016-12-02得票数 4
如果其中一个DS组件未能初始化，是否有办法防止Bundle被标记为“ACTIVE”？
例如，如果我要实现BundleActivator，我可以在start()方法中抛出一个BundleException，并且该包提供的任何服务都不能阻止注册。
在我的@Activate方法中使用声明性服务，如果它由于任何原因无法初始化，我可能想抛出一个异常。不过，我发现这样做并不能阻止将包标记为“ACTIVE”。我还假设一个组件的故障不会阻止包中的其他组件成为活动组件？
例如，如果我有几个组件，其中一个没有初始化，那么我希望所有其他组件都被停用，而整个包作为一个整体不活动，即快速失败。
有什么方法可以用声明式服
浏览 0提问于2017-12-17得票数 0
回答已采纳
有办法从集市存储库中签出单个子文件夹吗？在我的一个集市存储库中，顶层的层次结构是
documentssql_schemaswww
我希望能够在演示www服务器上将www签出到public_html中，但我不知道如何做到这一点，除非在工作目录中进行签出，然后在其中进行符号链接。
有更好的办法吗？我是新来的BZR。
浏览 2提问于2009-09-15得票数 1
回答已采纳
我有一个父组件，如下所示：
const Parent = () => {
return (
<Child_1 />
<Child_2 />
);
}
如果在其中一个子组件中发生任何更改，父组件会重新呈现吗？
浏览 3提问于2022-05-28得票数 8
回答已采纳
我需要实现的是，以我将在这里显示的方式，处理从一个JSX组件导入到它的父组件的特定属性。
子组件返回带有'someId‘属性的JSX：
return <h1 someId={123}>{title}</h1>
并且父程序将这个JSX分配给一个变量，然后需要从它读取这个'someId‘属性-然后将该变量挂载到DOM中：
let mySpecialChild = <Child title="Hello boys and girls!" />
let mySpecialChildId = mySpecialChild.someId
浏览 13提问于2022-08-07得票数 0
2回答
这是我需要帮助的基本问题。每当在父组件调用this.setState时，将呈现所有子组件。这将导致性能问题，如果我有大量的子组件。
举个例子，
父组件
handleToggleTick() {
const newObj = Object.assign({}, this.state, { iconName: ''});
this.setState({
iconName: newObj.iconName,
});
}
render() {
return(
<ChildComponentA iconName={this.stat
浏览 0提问于2017-05-21得票数 4
回答已采纳
我有三个组件父房间组件和两个子组件roomslist和roomdetails，最初roomslist组件将使用ngif显示，当用户单击add - roomdetails将显示，一旦用户在房间详细信息组件中添加房间，我需要在roomlist页面中显示添加的房间。有没有人能让我知道如何使用它？
-以下是代码
export class PropertyRoomComponent implements OnInit
{
@Output("saveRoomDetails") roomDetailsEvent: EventEmitter<RoomDetail&g
浏览 0提问于2018-11-09得票数 0
我需要从子组件中提取一些内容，以便父组件(或一般更高级别的组件)可以使用内部子组件的数据调度操作创建者。
以前，我在子引用上调用一个函数，比如this.refs.child.doStuff()，直到我发现很难跟踪需要方法数据的父组件中的引用。每次有一个HOC或其他类型的复合包装器时，我都需要添加更多的代码来将ref传递到我需要的链上。更不用说在每个子函数中都有许多重复的代码，这些代码都是标准的。
// child.js
class InnerComponent extends React.PureComponent {
doStuff = () => {
calculateF
浏览 0提问于2017-07-22得票数 0
下面是我的代码的原型，以角表示：
import { Subscription } from 'rxjs';
import { SomeClass, SomeOtherClass } from './my-component.model.ts';
import { OnDestroy } from '@angular/core';
@Component({
selector: 'app-my-component',
templateUrl: './my-component.component.html',
浏览 5提问于2019-11-27得票数 3
回答已采纳
我对反应非常陌生，我正在努力理解一个干净的方法，让子组件能够相互沟通。
在一个简单的组件中，我知道我可以使用道具将数据传递给子组件，并使用回调将数据传回父组件。
在稍微复杂的情况下，当父组件中有多个子组件时，子组件之间的通信会变得有点混乱。我不知道我应该做些什么，让同级的孩子们互相交流。
在我的例子中，我决定也许我可以使用states。因此，我将在父组件中获得一个state值，并将其传递到子道具上。类似地，父组件中的回调处理程序(从子组件调用)将有助于相应地设置状态，从而通过React的绑定将状态值从一个子节点传递到另一个子组件。
伪代码看起来可能如下所示：
//Inside
浏览 2提问于2016-08-11得票数 5
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
