wordpress - 如何在 wp 中解决这个 forEach 循环问题?
问题描述
在我的一个 WordPress 项目中,我必须发布一个获取请求并在前端呈现响应数据。为了呈现数据,我尝试使用 forEach() 循环,但它总是显示未定义,但如果我使用 map(),同样的事情也可以正常工作。现在我只想知道 forEach() 有什么问题。我在下面给出了工作和不工作的代码:
不工作:
getResults() {
$.getJSON(`http://localhost/from_wp_course/wp-json/wp/v2/posts?search=${this.searchField.val()}`, posts => {
this.resultsDiv.html(`
<h2 class="search-overlay__section-title">General Information</h2>
<ul class="link-list min-list">
${posts.forEach(item => `<li><a href="${item.link}">${item.title.rendered}</a></li>`)}
</ul>
`);
});
}
在职的:
getResults() {
$.getJSON(`http://localhost/from_wp_course/wp-json/wp/v2/posts?search=${this.searchField.val()}`, posts => {
this.resultsDiv.html(`
<h2 class="search-overlay__section-title">General Information</h2>
<ul class="link-list min-list">
${posts.map(item => `<li><a href="${item.link}">${item.title.rendered}</a></li>`).join('')}
</ul>
`);
});
}
解决方案
.foeEach
返回值是未定义的(为什么你得到未定义的)但.map
返回一个新数组。
推荐阅读
- java - 库使用尚未在 Android 中实现的方法
- flutter - 在颤动中显示来自后端的数据时获取 Null 或 Blank
- python - 从 python 文件创建可执行文件和 msi 并将其下载为工件使其显示为恶意软件
- javascript - 无法导入 TailwindCSS
- nestjs - 如何在nestJS中创建一个先调用的服务?
- django - 如何只运行一次 django 信号以影响多个模型实例
- awk - awk 将字符串拆分为单词和数字
- ios - 通过向下滑动来反应本机模式关闭(react-native-swipe-gestures)
- web - 在 Windows CMD 上使用“ping”命令,但数据包丢失
- python - ylabel 轴值 1e6 变化