Реактивный звездный рейтинг не работает как ожидалось

Question

Я пытаюсь внедрить систему оценки звезд, предоставляемую реакцией. Я имею в виду эту статью, чтобы сделать это.

http://cameronroe.github.io/react-star-rating/?react-star-rating=4 

мой рейтинг звезда JSX файл

import React from 'react'; 
import StarRating from 'react-star-rating'; 

class FormComponent extends React.Component { 
    render() { 

     return (

      <StarRating name="airbnb-rating" totalStars={5}/> 
     ); 
    } 
} 
export default FormComponent; 

Я звоню его как этот

<div className="preview_usr_stars"> 

    <FormComponent/> 

</div> 

Но я получаю результат, как этот. Hover эффекты не работают, в основном это не работает

Answer 1

Похоже, что вы не включили CSS.

По этой ссылке вы предоставляете:

Include the css: 
<link rel="stylesheet" href="node_modules/react-star-rating/dist/css/react-star-rating.min.css"> 

Если вы используете Webpack с css-loader, вы можете просто сделать

import 'react-star-rating/dist/css/react-star-rating.min.css'