reactjs - 在渲染中调用的函数中的反引号
问题描述
我在这里做错了什么?我正在返回return children;
一个在 render() 中调用的函数
children.push(<img key="`${this.data_images.hits[i].id}`" src="`${this.data_images.hits[i].previewURL}`"/>)
警告:遇到两个孩子用同一个钥匙,
${this.data_images.hits[i].id}
渲染的输出是
<img src="`${this.data_images.hits[i].previewURL}`">
解决方案
"`${this.data_images.hits[i].id}`"
如果您想让模板正常工作,这是一个简单的字符串 - 您需要删除 qoutation 并改为 {}。
所以代码是
children.push(<img key={`${this.data_images.hits[i].id}`} src={`${this.data_images.hits[i].previewURL}`}/>)
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals
推荐阅读
- java - java.lang.NullPointerException:尝试再次在空对象引用上调用虚拟方法“android.view.View android.view.View”
- mysql - 在多列上分组的单个列的计数
- php - 提交表单时文件输入抛出错误
- python - 从 .rtf 文件导入数据时使用 int() 出错
- c# - 如何在 DataGrid 的单元格上应用数据模板
- sql - SQL将字符串列表/varchar的参数值更改为整数列表
- markdown - 如何使用 Pandoc 启用 Markdown 内联代码的语法突出显示?
- r - 在 mutate 中使用匿名函数
- angular - Uncaught (in promise): TypeError: component.canDeactivate is not a function
- java - 如何在某些代码执行之间禁用 GC 或获取 GC 暂停时间?