我可能错过了一些东西,但现在就到这里。如果我有:
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 />? -->
最佳答案
不,当然你可以这样做:
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)
)。
关于reactjs - 将 props 从模板传递到react.js 根节点,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21591512/