Question

我有以下问题：

我想写jsx代码，如

<div className="my-section">
   <Window>
       <div>Window content</div>
   </Window>
</div>
<div className="window-container">
</div>

我的react内容中的某处，但我希望窗口使用其他窗口在特殊的DOM元素中呈现，例如

<div class="my-section"></div>
<div class="window-container">
    <div class="window">
        <div>Window Content</div>
    </div>
</div>

为了透明地执行此操作，我需要告诉组件从组件内部呈现给特殊的DOM节点。有没有办法做到这一点？如果没有，我应该如何在React内完成我正在寻找的功能？

Answer 1

您正在寻找特殊的C:\inetpub\wwwroot\redmine>ruby -v ruby 2.2.4p230 (2015-12-16 revision 53155) [i386-mingw32] C:\inetpub\wwwroot\redmine>gem list *** LOCAL GEMS *** bigdecimal (1.2.6) io-console (0.4.3) json (1.8.1) minitest (5.4.3) power_assert (0.2.2) psych (2.0.8) rake (10.4.2) rdoc (4.2.0) test-unit (3.0.8) C:\inetpub\wwwroot\redmine>gem install bundler ERROR: While executing gem ... (Errno::EADDRNOTAVAIL) The requested address is not valid in its context. - connect(2) for "0.0.0.0 " port 53 C:\inetpub\wwwroot\redmine>列表。

创建React组件实例时，可以在开始和结束标记之间包含其他React组件或JavaScript表达式，如下所示：
this.props.children
家长可以通过访问特殊的this.props.children道具来阅读其子女。

这将允许您在元素中定义子元素，然后将它们插入任意点以进行渲染。

<Parent><Child /></Parent>

如何使用自定义DOM节点从react组件中进行渲染

1 个答案: