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

前端之家收集整理的这篇文章主要介绍了reactjs – 将props从模板传递到react.js根节点前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我可能错过了一些东西,但是在这里.如果我有:
var Swoosh = React.createClass({
  render: function() {
    return (
      <div className="swoosh">
        Boom.
      </div>
    );
  }
});

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

我可以将道具设置为挂载点(其中id =’content’)的属性吗?

<div id='content' foo='alice' bar='has' bav='a cat' />
<!-- have foo,bar & bav available as props in <Swoosh />? -->
不,当然你可以做:
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这样的属性dict,那么你可以做Swoosh(属性)).

猜你在找的React相关文章