我试图使用map函数从数组中返回一个元素,而不是在map之后返回一个元素,但我有一个元素显示的次数与数组中元素的显示次数相同。
{this.state.cities.map(() =>
this.state.cities[0].value > 10 ? (
<p style={{ color: "red" }}>
{this.state.cities[0].name} - {this.state.cities[0].value}
</p>
) : (
<p>
{" "}
{this.state.cities[0].name} - {this.state.cities[0].value}
</p>
)
)}
您应该使用map参数来查看哪个值对象具有您的条件:
换句话说,如果值> 10,它将以红色显示该段落,否则仅显示其余段落
{this.state.cities.map((city) =>
city.value > 10 ? (
<p style={{ color: "red" }}>
{city.name} - {city.value}
</p>
) : (
<p>
{" "}
{city.name} - {city.value}
</p>
)
)}
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句