反応星の評価が期待通りに機能しない

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> 

のようにそれを呼んでいる。しかし、私はこのような結果を得ます。効果が働いていないホバー、基本的にそれはあなたがCSSが含まれていないように見えます

Answer 1

動作しません。あなたが提供するリンクから

：あなたはcss-loaderとのWebPACKを使用している場合

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

、あなたは、単に

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