如何在react中扩展呈现DOM
假设我有一个从父类扩展的子类。父类呈现
<div id="container" class="style-scope ">
.....
bunch of DOM.
</div>
在儿童类，我如何呈现一个HTML DOM像下面的任何例子没有复制粘贴？
<div id="container" class="style-scope ">
.....
bunch of DOM.
<div id="childContainer">
</div>
</div>
<div id="container" class="style-scope ">
.....
bunch of DOM.
</div>
<div id="childContainer">
</div>
共有1个答案
让父级呈现它的子级。
render () {
return (
<>
<div id="container" className="style-scope ">
.....
bunch of DOM.
</div>
{ this.props.children }
</>
)
}
那么您可以执行以下操作：
<Parent>
<div id=“childContainer”>...</div>
</Parent>
要获得：
<div id="container" class="style-scope ">
.....
bunch of DOM.
</div>
<div id=“childContainer”>...</div>
-
问题内容： 我正在将React.js与TypeScript一起使用。有什么方法可以创建从其他组件继承但具有一些其他道具/状态的React组件？ 我想要达到的目标是这样的： 但是，如果我把这个会失败中，我得到一个错误的打字稿（类型的参数是不能分配给类型）。我想这不是TypeScript专用的东西，而是将继承与泛型（？）混合使用的一般限制。是否有任何类型安全的解决方法？ 更新 我选择的解决方案（基于D
-
我试图将MathML渲染到DOM中。但是它没有像编辑器中显示的那样正确显示。 我正在使用CKEditor4 让我在下面添加代码，这样你就可以理解我的尝试了 应用程序。js文件： index.html： 由于Chrome不支持MathML，我在标题部分添加了MathJax库 如果我将MathML直接粘贴到html中，MathJax库就可以正常工作。但是从CKEditor生成的MathML没有正确显示
-
我试图排序数组，并反映其排序结果立即使用状态钩子。我已经新的反应是检测其状态变化的，所以试图传播数组之前使用如下所示； 排序后，我检查了变量的值，它按预期进行了排序，但反应并没有重新渲染页面，所以这种排序没有反映到用户界面。 我已经搜索了解决方案，似乎很多人可以通过在调用之前传播一个数组来解决这个问题，就像这个堆栈溢出解释的那样：为什么useState没有触发重新渲染？。任何帮助将非常感谢。谢谢你
-
我正在尝试在反应加载之前添加一个闪屏。 因为我使用的是react脚本/react-app，所以我的index.tsx只有以下部分： 我试着在同一个页面上添加我自己的div，但它没有显示出来。 我想显示一个简单的空白屏幕与我的飞溅图像在1秒定时器之前的反应加载，以避免/隐藏渲染元素的移动。 **如果我确实在app.tsx中添加了屏幕，则在屏幕加载之前会发生移动 更新 正如Rishabh在下面指出的，
-
遵循以下文档：http://guides.micronaut.io/micronaut-database-authentication-provider-groovy/guide/index.html，您可以为auth/auth创建一个DB/DAO。如果为UserFetcher、PasswordEncoder和AuthoritiesFetcher提供实现，那么最好使用默认的DelegatingAu
-
我正在集成一个非react第三方库，它在我的react应用程序中呈现自己的HTML。如何渲染我自己的react组件后加载到该HTML的DOM中。我尝试使用ReactDom.Render，它确实有效，但不在根上下文中。反复调用ReactDom.Render似乎也会导致性能问题。