Question

我正在尝试以某种方式操纵某些li-tag，但是我得到了这些代码来自第三方脚本，我无法控制。第三方仅提供ul标签，然后将所有其他标签加载到ul标签内。标签内有一些div标签，直到出现li标签为止。

我的目标是获取li标签，然后在每次click（）中仅显示一定数量。

我不确定如何解决该问题，因此我的帖子缺少一个最小的例子。

到目前为止，“ this.props.children”方法一直都是“未定义的”，我猜稍后会加载li标签，但即使ComponentDidMount（）似乎也无法解决问题。

<ul>
 <div>
  ...
   <div>
    <li />
    <li />
    ....
    <li />
   </div>
 </div>
</ul>

我已经检查了以下帖子： Display / Hide a child component in React 但是，显然隐藏元素在构建过程之前就已经知道，而在构建过程之后还没有。

提供的第三方代码：

<script src="https://assets.juicer.io/embed.js" type="text/javascript"></script>
<link href="https://assets.juicer.io/embed.css" media="all" rel="stylesheet" type="text/css" />
<ul class="juicer-feed" data-feed-id="PRIVATE ID"></ul>

Answer 1

我认为，因为您使用的是第三方库，所以它直接处理DOM而不是使用React，这就是为什么容器Component不会将它们视为子对象，所以稍后建议添加它，因此建议您是否在其中渲染这些li标签组件本身，如果可能的话，如果不能的话，可以使用香草javaScript来操作DOM并在没有第三方库控制的情况下做任何您想做的事情。

如何在React中显示未知的子元素

1 个答案: