javascript - 在 React.js 的容器中为组件设置一个类

Question

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

我想做这样的事情:

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

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

谢谢。

Answer 1

是LinkButton您制作的组件？

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

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

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

然后<LinkButton className="text--left">Button</LinkButton>将与您传递给它的类一起呈现。