如何在内部使用集合类？

Question

所以，我想在内部使用集合类反应我尝试了以下方式

    class Collect extends React.Component {

      constructor(props) {
      super(props);

      this.state = {

      }

  };


  render() {
     return (
            <div class="collection">
            <a href="#!" class="collection-item">Name
            <span class="badge"> 3 </span></a>
            </div>
           );
         }

}

它没有以预期的materializecss方式工作。怎么会出错？ 或者这是关于反应的materializecss的问题。

Answer 1

您需要使用className代替class。像：

return (
    <div className="collection">
        <a href="#!" className="collection-item">Name
            <span className="badge"> 3 </span></a>
        </div>
    );
}

查看HTML Attributes文档。