Question

我正在尝试使用indivdual的个人资料道具显示个人资料列表中的个人资料图片，但出于某种原因我无法在设置中找到道具。它适用于名称和标题，但当我尝试使用profileimage url作为源时，如果我使用答案中的示例React JSX: Access Props in Quotes

，则它将显示为undefined

<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 param访问这些道具。

使用src={c.profileImageUrl}按照您的建议已经尝试过并且浏览器读取的内容完全没有。因为没有src参数了。像这样：

<img alt="profileImage" height="100" width="100">

我这样做src={`${c.profileImageUrl}`}的方式为src="undefined" 如果我从中删除$符号，则会显示src="c.profileImageUrl"

提前感谢您的帮助！

React JSX：在Maped组件列表中的引号中访问道具

0 个答案: