React JSX:在Maped组件列表中的行情中访问道具
我试图使用个人的个人资料道具显示个人资料列表中的个人资料图片,但由于某些原因,我无法到达设置中的道具。 它适用于名称和标题,但是当我尝试使用profileimage url作为源时,它会读取为未定义的,如果我使用此处的答案示例。React JSX:在引用中访问道具
<img className="image" src={`images/${this.props.image}`} />
在此代码中使用时,这不适用于我
<ul className={styles.ListUl}> {this.props.clinicians.map(c => {
return (
<li key={c.accountId}>
<button onClick={this.handleSetIndividual.bind(this, c)}>
<h4>{c.firstName} {c.lastName}</h4>
<img src={`${c.profileImageUrl}`} alt="individualImage" height="100" width="100" />
</button> </li>
)}
)}
</ul>
所有其他道具的工作,如这只是与获得这些道具的src参数访问权限。
按照您的建议使用src={c.profileImageUrl}
已经被尝试过了,并且被浏览器读取为绝对没有。 因为没有src参数了。 喜欢这个:
<img alt="profileImage" height="100" width="100">
我这样做的方式src={`${c.profileImageUrl}`}
读取为src="undefined"
如果我将$
符号从它读取,它读取src="c.profileImageUrl"
先谢谢您的帮助!
链接地址: http://www.djcxy.com/p/52095.html上一篇: React JSX: Access Props in Quotes in a Maped component list