时间戳

首页 > 解决方案 > 'value' 被声明，但它的值永远不会被读取。ts(6133)

reactjs - 'value' 被声明，但它的值永远不会被读取。ts(6133)

问题描述

const Rating = ( { value , text}) => {
    return (
        <div className='rating'>
            <span>
                <i className={ value => 1 ? 'fas fa-star' :value=>0.5?'fas fa-star-half-alt' : 'far fa-star'}></i>
            </span>
            <span>
                <i className={value =>2 ? 'fas fa-star' :value=>1.5?'fas fa-star-half-alt' : 'far fa-star'}></i>
            </span>
            <span>
                <i className={value=>3? 'fas fa-star' :value=>2.5?'fas fa-star-half-alt' : 'far fa-star'}></i>
            </span>
            <span>
                <i className={value => 4? 'fas fa-star' :value=>3.5?'fas fa-star-half-alt' : 'far fa-star'}></i>
            </span>
            <span>
                <i className={value => 5? 'fas fa-star' :value=>4.5?'fas fa-star-half-alt' : 'far fa-star'}></i>
            </span>
            <span>{text&& text}</span>
        </div>
    )
}

标签： reactjs

解决方案

我认为解决方案很简单，您没有正确使用大于或等于运算符。>=不相等=>

<span>
  <i className={ value >= 1 ? 'fas fa-star' :value >=0.5?'fas fa-star-half-alt' : 'far fa-star'}></i>
</span>

我认为它应该工作。要了解有关运营商的更多信息，您可以在此处找到它

推荐阅读