coffeescript - 使用 Foundation 和 React 的动态 HTML

Question

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

这是一些 CoffeeScript 代码，它将创建一个数据下拉列表，但我认为问题更普遍，因此它独立于代码。

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 节点上调用基础方法，但除了它不起作用之外，它也很丑陋。

Answer 1

你可能不想在你的reactjs代码中使用基础或引导JavaScript。它通常根本不起作用。像您一样转向 React-Bootstrap 可能是正确的选择，

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

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

http://react-components.com/