javascript - 按类对元素进行 react 渲染

标签 javascript reactjs

我如何按类在少数元素中渲染我的组件?我有一个组件,我需要在我的页面中以不同的标签显示他,但具有一般逻辑

var FilterBox = React.createFactory(FilterBox),
                ToRender = document.getElementsByClassName('filter-box')
React.render(FilterBox(), ToRender);

html:

<div class="filter-box"></div>
...
...
<div class="filter-box"></div>

最佳答案

您应该能够迭代您的类并在每个类中调用 React.render

for(var i;i < ToRender.length;i++{
  React.render(FilterBox(), ToRender[i])
}

关于javascript - 按类对元素进行 react 渲染,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31725998/

相关文章:

javascript - 如何创建自己的 babel 处理器替代 `React`

javascript - 当屏幕尺寸变化时如何获取图像宽度?

reactjs - 与 ComponentWillMount 等效的 React 钩子(Hook)

javascript - Jquery 对话框 afterOpen 事件

javascript - charCodeAt 给出错误的 charCode

javascript - 如何更有效地从 CodeSignal 获得 arrayMaxConsecutiveSum?

javascript - 在 redux 中使用 ES6 标准的 mixin 的最佳方法是什么?

javascript - 根据 Web 服务接收的数据在现有 map 上添加标记

javascript - 在 html5 视频播放按钮上添加事件

reactjs - React 测试库 : Test attribute/prop