为了账号安全,请及时绑定邮箱和手机立即绑定

关于渲染5颗星的问题

我在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.sycdn.imooc.com//5bda75260001a6f610370394.jpg

正在回答

1 回答

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

0 回复 有任何疑惑可以回复我~
#1

倾译 提问者

是哈,看来是我马虎了,谢谢
2018-11-02 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

关于渲染5颗星的问题

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信