将模板中的道具传递到 react.js 根节点

attributes

关注

发信

关注(28)粉丝(399)

将模板中的道具传递到 react.js 根节点

本文介绍了将模板中的道具传递到 react.js 根节点的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我可能漏掉了一些东西，但这里是.如果我有:

var Swoosh = React.createClass({渲染:函数(){返回 (<div className="swoosh">繁荣.

);}});React.renderComponent(<旋风/>,document.getElementById('内容'));

我可以将 props 设置为挂载点(id='content' 所在位置)上的属性吗?

<!-- 有 foo, bar &bav 可用作 <Swoosh/> 中的道具?-->

解决方案

不，当然你可以这样做:

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

(或者如果你想使用类似 https://stackoverflow.com/a/5282801/49485，然后你可以做Swoosh(attributes)).

I may have missed something, but here goes. If I have:

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

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

Can I set props as attributes on the mount point (where id='content')?

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

解决方案

No, though of course you can do:

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

(or if you want to make an attributes dict using something like https://stackoverflow.com/a/5282801/49485, then you can do Swoosh(attributes)).

这篇关于将模板中的道具传递到 react.js 根节点的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！

10-22 19:26