我已经创建了一个弹出库，它使用React Portal将每个弹出窗口渲染到body，以减轻overflow: hidden问题。现在弹出窗口可以打开更多的弹出窗口，我想确定是否在这些弹出窗口层次结构之外进行单击，以便关闭所有这些弹出窗口。如果它们是嵌套的，我可以为e.target创建一个.contains，但在这里，DOM层次结构将是扁平的(即，所有弹出窗口都将是body中的兄弟)。由于React门户的性质，只会嵌套React
浏览 53提问于2018-07-26得票数 4
回答已采纳
我当前通过使用ref捕获组件的根元素并检查单击目标是否为root.contains(target)来确定用户是否单击子元素。但是，一些子组件使用React门户在DOM中的组件根元素之外呈现其内容，即使它们仍然是React层次结构中的后代。我知道这个组件层次结构必须保存在某个地方。我是否有可能访问它，并简单地确定一个元素是
浏览 4提问于2020-06-01得票数 0
我有一个包含组件的TabView组件，它有多个选项卡。这些组件具有其他组件的整个层次结构。如何从嵌套在这些层次结构中任意深度的任何子组件中知道它的父选项卡是否在TabView**?**中的焦点
最好是实现类似于react-navigation的withNavigationFocus (或等效钩子)的方法，这样任何组件都可以知道它是否</e
浏览 4提问于2020-07-14得票数 1
1回答
应用程序定义了一个React路由器；弹出没有定义。import { Link } from 'react-router-dom';
请注意，原则上我可以传递一个道具，它可以显式地告诉组件它是否是路由器的一部分，但这似乎非常冗长。
浏览 2提问于2020-05-22得票数 1
回答已采纳
我对反应场景很陌生，但我对它的结构相当熟悉，至少是如何使用它来制作简单的new应用程序，但这让我抓狂了好几个小时。 constructor(props) { </View> }
浏览 1提问于2017-03-26得票数 2
回答已采纳
如何可视化Vue js应用程序的组件层次结构？我知道这是一个React视图，用于实时查看React应用程序的组件层次结构树。 谢谢
浏览 14提问于2019-06-25得票数 0
回答已采纳
6回答
React.js的最大优点之一应该是服务器端呈现。问题是关键函数React.renderComponentToString()是同步的，这使得在服务器上呈现组件层次结构时无法加载任何异步数据。它允许我简单地在每个组件中的一个特殊函数中定义如何初始化状态(不管是同步还是异步)，这些函数是在将层次结构呈现到HTML时调用的。它的工作方式是在状态完全初始化之前不会呈现组件。我认为我们不应该被迫这样做来使用React
浏览 2提问于2014-09-22得票数 119
2回答
调试React网站时，我可以使用查看组件层次结构。我怎样才能做出同样的反应呢？“愤怒摇动”菜单包含一个“检查器”，但它似乎只允许我通过点击它来检查单个元素--我看不到任何方法来浏览完整的组件层次结构。
浏览 4提问于2015-11-26得票数 6
in Provider 随同 Uncaught Invariant Violation: You should not use <Switch> outside a <Router> 通常，我很确定问题出在哪里document.getElementById("logonPageHolder"));
}); 路由器的导入方式如下：import { BrowserRouter } from "react-router-dom根据我最近的重写，我高度怀疑这个问题是基于奇怪的版本控制，但我仍然需要一些指导来解决这
浏览 87提问于2019-04-01得票数 1
我正在用Meteor1.2和react构建一个应用程序，还有react Meteor - data混联器，以从我的发布方法中获取数据。我认为一个好主意是拥有一个包含所有状态和数据订阅的"AppWrapper“组件，该组件通过道具传递给"App”组件，它会将所有组件呈现到层次结构中.虽然这是可行的，但我希望所有呈现组件都是纯的，并且具有不可变的数据如何进行呢？
( 1) r
浏览 0提问于2016-01-31得票数 1
回答已采纳
2回答
我对在React应用程序中执行以下操作感兴趣，即创建自定义组件并将它们嵌套在返回语句中：render(){ <ShoppingApp>ProductDetail productID={product_id} /> </ShoppingApp>}
使用ReactJS是否可能如果对1的回答是肯定的，那么当可以使用这种结构</em
浏览 4提问于2017-02-03得票数 3
回答已采纳
我正在使用以下组件层次结构构建一个简单的React应用程序：- ReqListHeader (有列表标题和一些按钮的div )但是，对于表单输入(textarea)，输入不会改变。我知道我必须实现一个更改处理程序。我不确定的是，它在哪里实现？选项二:是否应该将changeHandler回调作为属性从"ReqRow“组件一直传递到
浏览 3提问于2015-11-11得票数 0
目前，我只是简单地对事件做出反应，并在顶层组件上调用setState。
我的问题是:是否所有状态都必须反映在URL中，还是保存到本地存储中？或者，我是否可以保留组件的state，只需在顶级组件上更改一些props？当我这样做时，我是否有失去组件的state的风险(例如，因为React不能识别旧的和新的组件)？我很高兴在主组件的临时state中拥有应用程序的状态。换句话说，我的应用程序的状态不是路由的纯函数。我想主要使
浏览 3提问于2017-09-06得票数 0
在我的React聊天应用程序中，我有一个这样的组件层次结构： Thread ReplyMenu<input ref={(input) => {this.replyInput = input}}>
我想要的是，当我按下ReplyButton时，焦点应该设置到NewReply组件内部的输入上谁能向我解释一下如何在React中实现这一点？我见过这样的例子，设置焦点的组件
浏览 1提问于2017-05-15得票数 0
我想知道是否有一种方法，当父组件的子组件被呈现时，只呈现父组件，反之亦然。如果你在谷歌上搜索标题，你会找到相当多的条目，但没有一个条目适用于我的情况，因为我的元素不是undefined或null。想象一下一位家长： constructor(props){ }
co
浏览 2提问于2016-05-07得票数 5
我正在尝试创建一个电子应用程序，使用React，React路由器和Redux。在我的React组件层次结构的顶部附近(就在HashRouter下面)，我有一个Page return (在启动时(以及在热重加载期间)，我使用以下函数创建自己的function层次结构： <Router>
&l
浏览 2提问于2017-04-27得票数 2
回答已采纳
如何维护原始的MediaCard元素，并使用文本和它的所有道具和状态重新呈现原始元素？
编辑：目前，我已经解决了这个问题，方法是鼓起包含元素的属性，然后在重新呈现这些元素时将它们作为道具传递。
浏览 6提问于2015-05-06得票数 3
回答已采纳
假设您有一个组件期望一个函数在该组件的层次结构中呈现特定的子树：在使用：
const MyComponent = React.memo(({ someProp })
浏览 4提问于2022-07-14得票数 6
你好，堆栈溢出社区，我还附上了一个关于我想要创造的东西的一般概念的图片。
谢谢!*我正在使用的文件结构是
浏览 1提问于2019-01-23得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
云直播活动推荐
腾讯云开发者
