Как использовать класс коллекции внутри?

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 документация.