React+Typescript条件呈现

Question

我想为我拥有的每个配置文件创建一个选项。我检查了一下，我确实有一个概要文件，所以概要文件数组不是空的，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>

Answer 1

使用map而不是foreach。

这是有区别的。映射返回列表，foreach-not。

更多信息：

Array.prototype.forEach((-JavaScript|MDN

Array.prototype.map((-JavaScript|MDN

Answer 2

我找到了一个解决方案。我用map代替foreach，去掉了花括号，用了普通括号。

<select name="profile" className="billingSelector">
<option>Billing profile</option>
{getProfiles().map((profile:Profile)=> (
<option key={profile.profileName}>{profile.profileName}</option>
))}       
</select>

Answer 3

你能试试map而不是foreach吗？E.g

getProfiles((.map((profile，index(=>(｛profile.profileName｝((；