import React from"react";import propTypes from"prop-types";constRating=({ value, text, color })=>{return(<div className="rating"><span><i
style={{ color }}
className={
value >=1?"fas fa-star": value >=0.5?"fas fa-star-half-alt":"far fa-star"}></i></span><span><i
style={{ color }}
className={
value >=2?"fas fa-star": value >=1.5?"fas fa-star-half-alt":"far fa-star"}></i></span><span><i
style={{ color }}
className={
value >=3?"fas fa-star": value >=2.5?"fas fa-star-half-alt":"far fa-star"}></i></span><span><i
style={{ color }}
className={
value >=4?"fas fa-star": value >=3.5?"fas fa-star-half-alt":"far fa-star"}></i></span><span><i
style={{ color }}
className={
value >=5?"fas fa-star": value >=4.5?"fas fa-star-half-alt":"far fa-star"}></i></span><span>{text && text}</span></div>);};
Rating.defaultProps ={color:"#f8e825",};// 属性校验需要在头部引入propTypes// isRequired是强制要求,不加则不强制// Rating为导出组件名称
Rating.propTypes ={value: propTypes.number.isRequired,text: propTypes.string.isRequired,color: propTypes.string,};exportdefault Rating;