Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何将元素注入到不相关的组件中?

如何将元素注入到不相关的组件中?
EN

Stack Overflow用户
提问于 2022-06-17 11:19:40
回答 1查看 41关注 0票数 0

我坐在一个带有上下文菜单的项目中,该项目通过State传递它的内容(State)( setStateApp条目组件一路传递)。因此,任何呈现的组件都可以决定其上下文菜单侧边栏的外观。我知道这不是一个好的模式,主要是因为Elements不属于一种状态(它们不能正确地进行比较),也可能是因为传递setState有点冗长。

我不确定的是有什么合适的方法来解决这个问题。

  • 传递一个带有字符串的状态,表示应该呈现哪个Elements?我将移除控制反转(即边栏不需要知道其内容),因为有一个地方,所有字符串都映射到Elements,我宁愿保持这个模式。
  • Context一起工作?或者,除了我不再需要通过setState方法的好处之外,这与使用状态一样糟糕吗?无论如何,我看不出有什么方法可以从另一个组件中更新Context,而不必再次将setState传递给它,并将Elements设置为数据。
  • 传递一个锚元素(从上下文侧栏),这样所有组件都可以自己更新它吗?作为新的反应,我不太确定这是如何可行的(但我想是这样),但海事组织,这将使更难理解实际发生的事情以后。我会有点害怕无限的渲染循环。
  • 有什么完全不同的吗?
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2022-06-17 11:57:59

显然,你犯了一个结构错误,称为支柱钻探。建议的处理这类用例的方法是利用Reactjs提供的Redux或Context API。这里是一篇关于差异和用例的合理文章。希望这能有所帮助。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/72663899

复制
相关文章
VUE 如何将父组件中的数据传递到子组件中
因为异步调用的问题,如果我不采取手段,子页面没有办法获得父页面中的数据,页面将会显示为 没有数据。
HoneyMoose
2022/09/14
7.1K0
VUE 如何将父组件中的数据传递到子组件中
vue组件中修改组件外元素样式
以上方式修改某些组件的样式,这样会涉及到从 html 层级选择,由于我 style 标签是这样写的
蓓蕾心晴
2023/05/31
6180
如何在 React 组件中优雅的实现依赖注入
控制反转(Inversion of Control,缩写为IoC),是面向对象编程中的一种设计原则,可以用来减低计算机代码之间的耦合度,其中最常见的方式就是依赖注入(Dependency Injection,简称DI)。
ConardLi
2021/07/16
6K0
Spring 注入 Bean 到 List / Map 中
Spring在注入集合类的同时,会将集合泛型类的实例填入集合中,作为集合的初始值。 对于list、set填入的是注入类型Spring管理的实例,对于map,Spring会将service的名字作为key,对象作为value封装进入Map。
一个会写诗的程序员
2020/02/13
2.7K0
React技巧之组件中返回多个元素
原文链接:https://bobbyhadz.com/blog/react-return-multiple-elements[1]
chuckQu
2022/08/19
1.1K0
React技巧之组件中返回多个元素
【Spring注解驱动开发】面试官:如何将Service注入到Servlet中?朋友又栽了!!
作者个人研发的在高并发场景下,提供的简单、稳定、可扩展的延迟消息队列框架,具有精准的定时任务和延迟队列处理功能。自开源半年多以来,已成功为十几家中小型企业提供了精准定时调度方案,经受住了生产环境的考验。为使更多童鞋受益,现给出开源框架地址:
冰河
2020/10/29
5440
如何将SQLServer2005中的数据同步到Oracle中
有时由于项目开发的需要,必须将SQLServer2005中的某些表同步到Oracle数据库中,由其他其他系统来读取这些数据。不同数据库类型之间的数据同步我们可以使用链接服务器和SQLAgent来实现。假设我们这边(SQLServer2005)有一个合同管理系统,其中有表contract 和contract_project是需要同步到一个MIS系统中的(Oracle9i)那么,我们可以按照以下几步实现数据库的同步。
深蓝studyzy
2022/06/16
3.1K0
Maven 如何将本地的项目发布到 Archiva 中
为了一些私有的项目发布到公司内部的 Archiva 中,如何使用 Maven 进行发布。
HoneyMoose
2020/04/11
2.2K0
Maven 如何将本地的项目发布到 Archiva 中
从MySQL注入到XPath注入
这里直接引用w3school的XPath教程中的案例,因为里面给了好多示例,基本一看就懂的那种。
Y1ng
2022/10/31
3.6K0
从MySQL注入到XPath注入
如何将元素插入数组的指定索引?
数组是一种线性数据结构,可以说是编程中最常用的数据结构之一。修改数组是一种常见的操作,这里,我们来讨论如何在 JS 中数组的任何位置添加元素。
前端小智@大迁世界
2021/03/02
3K0
Vue 中,如何将函数作为 props 传递给组件
作者:Michael Thiessen 译者:前端小智 来源:medium 点赞再看,养成习惯本文 GitHub https://github.com/qq44924588... 上已经收录,更多往
前端小智@大迁世界
2020/05/18
8.6K0
如何将 GitHub 中的项目导入到 stackblitz.com 中
如何将一个 GitHub 中的项目导入到 stackblitz.com 中,然后开始编辑和编译呢?
HoneyMoose
2019/05/18
2.9K0
如何将 GitHub 中的项目导入到 stackblitz.com 中
如何将机器学习的模型部署到NET环境中?
【IT168 资讯】对于以数据为中心的工程师来说,Python和R是数据中心最流行的编程语言之一。但是,它们并不总是构建应用程序的其余部分的语言。这就是为什么你有时需要找到一种方法,将用Python或R编写的机器学习模型部署到基于.NET等语言的环境中。 在本文中,将为大家展示如何使用Web API将机器学习模型集成到.NET编写的应用程序中。 输入:Flask 我们可以使用Flask作为共享和主持机器学习预测的一种方式。让我们使用来自著名的Kaggle比赛的Titanic 数据集。首先,创建一个新文件,并
企鹅号小编
2018/02/08
2K0
如何将机器学习的模型部署到NET环境中?
Java中如何添加元素到数组
数组是Java中最普遍的数据结构之一,它能够存储多个相同类型的值。然而Java的数组一旦被定义,其大小就会固定。这就意味着你不能直接使用数组方法添加新元素到数组中。但你可以通过一些间接的方法实现这个目标,比如:创建新数组、使用ArrayList、使用Apache Commons库等。
很酷的站长
2023/09/29
3820
Java中如何添加元素到数组
React 元素 VS 组件
在前面的「前端框架」中,我们从Fiber的实现机制描绘了React在页面渲染和数据处理方面做了的努力。其中有很多源码级别的概念。例如,React-Element/React-Fiber/Current Tree 和 workInProgress Tree等。
前端柒八九
2022/08/25
7710
React 元素 VS 组件
React 深入系列1:React 中的元素、组件、实例和节点
文:徐超,《React进阶之路》作者 授权发布,转载请注明作者及出处 ---- React 深入系列,深入讲解了React中的重点概念、特性和模式等,旨在帮助大家加深对React的理解,以及在项目中更加灵活地使用React。 React 中的元素、组件、实例和节点,是React中关系密切的4个概念,也是很容易让React 初学者迷惑的4个概念。现在,老干部就来详细地介绍这4个概念,以及它们之间的联系和区别,满足喜欢咬文嚼字、刨根问底的同学(老干部就是其中一员)的好奇心。 元素 (Element) Re
iKcamp
2018/04/17
2.3K0
React 深入系列1:React 中的元素、组件、实例和节点
React.js 实战之 元素渲染将元素渲染到 DOM 中
与浏览器的 DOM 元素不同,React 当中的元素事实上是普通的对象 React DOM 可以确保 浏览器 DOM 的数据内容与 React 元素保持一致
JavaEdge
2018/12/21
2.8K0
Mybatis 从SQL注入到OGNL注入
动态 SQL 是 MyBatis 的强大特性之一,一般而言,如果不使用动态SQL来拼接SQL语句,是比较痛苦的,比如拼接时要确保不能漏空格,还要注意去掉列表最后一个列名的逗号等,但是利用动态 SQL,就可以彻底摆脱这种痛苦。
p4nda
2023/05/15
1.5K0
Mybatis 从SQL注入到OGNL注入
Java Jackson 如何将数据 push 到 ObjectNode 对象中
https://www.ossez.com/t/java-jackson-push-objectnode/13845
HoneyMoose
2022/01/11
1.6K0
Java Jackson 如何将数据 push 到 ObjectNode 对象中
点击加载更多

相似问题

如何将服务注入到组件中?

120

如何将混合动态注入到组件中

40

如何将丛组件注入到Mojo中

18

如何将父组件服务注入到Angular的动态组件中?

127

如何将带有特定指令的子元素作为模板注入到父组件中?

116
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档