[英]React+Typescript conditional rendering
我想为我拥有的每个个人资料创建一个选项。 我检查了,我确实有一个配置文件,所以配置文件数组不是空的,并且 profile.profilename 不是未定义的。 它只是不渲染。
我看到了什么:图片
<div className="col-4">
<select name="profile" className="billingSelector">
<option>Billing profile</option>
{(getProfiles() as any).forEach((profile:Profile) => {
<option>{profile.profileName}</option>
})}
</select>
</div>
我找到了解决方案。 我使用 map 而不是 foreach 并且我删除了花括号并使用了普通的。
<select name="profile" className="billingSelector">
<option>Billing profile</option>
{getProfiles().map((profile:Profile)=> (
<option key={profile.profileName}>{profile.profileName}</option>
))}
</select>
使用map
而不是foreach
。
它们是有区别的。 Map 返回列表,foreach - 不是。
更多信息:
代替 foreach 你可以试试 map 吗? 例如
getProfiles().map((profile, index) => ({profile.profileName}));
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.