reactjs - 将 props 从模板传递到react.js 根节点

Question

我可能错过了一些东西，但现在就到这里。如果我有:

var Swoosh = React.createClass({
  render: function() {
    return (
      <div className="swoosh">
        Boom.
      </div>
    );
  }
});

React.renderComponent(
  <Swoosh />,
  document.getElementById('content')
);

我可以将 props 设置为挂载点(其中 id='content')上的属性吗？

<div id='content' foo='alice' bar='has' bav='a cat' />
<!-- have foo, bar & bav available as props in <Swoosh />? -->

Answer 1

不，当然你可以这样做:

var container = document.getElementById('content');
React.renderComponent(
  <Swoosh
    foo={container.getAttribute('foo')}
    bar={container.getAttribute('bar')}
    bav={container.getAttribute('bav')} />,
  container
);

(或者，如果您想使用类似 https://stackoverflow.com/a/5282801/49485 的内容创建属性字典，那么您可以执行 Swoosh(attributes))。