带有 Foundation 和 React 的动态 HTML

Posted 2023-03-03

【中文标题】带有 Foundation 和 React 的动态 HTML

【英文标题】：Dynamic HTML with Foundation and React

【发布时间】：2014-10-10 06:16:21

【问题描述】：

我正在尝试将 Foundation 与 React 结合使用，但在动态创建交互式内容方面遇到了一些问题。

这是一些可以创建数据下拉列表的咖啡脚本代码，但我认为问题更普遍，因此它与代码无关。

render : ->
  a href : '#', "data-dropdown" : 'drop',
    'Dropdown link text'
    div id : "drop", "data-dropdown-content" : true, className : "f-dropdown content",
      p 'Dropdown content text'

通常，可以在动态创建的 html 节点上调用 Foundation 函数，但我认为这与 React 的精神不符。

这种情况有最佳实践吗？还是应该切换到 React-Bootstrap？

我也尝试在 DOM 节点上调用基础方法，但除了它不起作用之外，它会很丑。

【问题讨论】：

我切换到 (React-)Bootstrap。

【参考方案1】：

您可能不想在您的 reactjs 代码中使用基础或引导 javascript。它通常根本不起作用。像你一样转向 r​​eact-bootstrap 可能是要走的路，

http://react-bootstrap.github.io/

如果您需要特定的东西，这里有一个非常棒的 React 资源，可以帮助您找到其他 React 组件，

http://react-components.com/