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

Question

是否可以通过其容器在组件上设置类？

我想做这样的事情：

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

但是React删除了类text--left -left，并且永远都不会出现在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>将使用您传递给它的类进行渲染。