关于渲染5颗星的问题

来源:2-6 订单评价功能(1)

倾译

2018-11-01 11:38

我在constructor里边定义了一个totalStars为星的总数量,

this.state = {

totalStars: 5

}

当我去循环出所有星星的时候,这样写的

renderStars() {

return (

<div className="stars-area">

{

this.state.totalStars.map((item,index) => {

return <span key={index} className={this.state.stars >= item ? "red-star" : ''}>★</span>

})

}        

</div>

)

}

为什么会报错呢

https://img1.mukewang.com/5bda75260001a6f610370394.jpg

写回答 关注

1回答

  • xiaofang_2015
    2018-11-02 10:10:03
    已采纳

    你的totalStars不是数组,只是一个数字5而已。改成[1,2,3,4,5]

    倾译

    是哈,看来是我马虎了,谢谢

    2018-11-02 11:10:28

    共 1 条回复 >

React 16实现订单列表及评价功能

以订单列表为案例,讲授React项目的开发流程

14355 学习 · 39 问题

查看课程

相似问题