在React.js中从其容器中设置组件上的类

Question

是否可以从容器中为组件设置类？

我想做这样的事情：

<LinkButton className="text--left">Button</LinkButton>

但是类text--left被React删除，永远不会进入DOM。有没有比使用div.text--left包装组件更好的解决方案？

感谢。

Answer 1

LinkButton是您制作的组件吗？

如果是这样，那么就像对待任何其他道具一样对待className。

例如，您的LinkBut​​ton组件可能看起来像

LinkButton = React.createClass({
  render: function() {
    return <button className={this.props.className}>Whatever</button>
  }
});

然后<LinkButton className="text--left">Button</LinkButton>将使用您传入其中的类进行渲染。