Javascript 为什么此组件创建者返回未定义?
这是articleNew的控制台日志 {id:“1e4d8724-5973-4b5b-84d9-a30a3c5adb70”,标题:“ES8:Javascript发展的下一步及其对项目的意义”,作者照片:https://tk-assets.lambdaschool.com/08d1372e-e393-47f1-ac44-fcb7d0baf0e2_sir.jpg,作者名称:“拉夫·恩斯爵士”} {id:“553e2401-c95d-4029-89b8-fc6bdb60ae5e”,标题:“类型强制:为什么NaN!==NaN?以及其他奇怪的事件”,作者照片:https://tk-assets.lambdaschool.com/a9471235-ed71-4b11-ae15-5a4fa1151d30_bones.jpg,作者名称:“BONES R.LIFE”} {id:“9c2ed89e-7150-4cd6-a5c2-4a4f3d6932c8”,标题:“何时休息,何时传播:为什么“…”后面有两种含义,作者照片:https://tk-assets.lambdaschool.com/44260ce3-c8f0-4db8-bc1d-9877662fdf96_puppers.jpg,作者名称:“木偶S.多哥”} {id:“b3af02ec-5733-4a14-8876-5db708d20051”,标题:“类型脚本:构建下一个角度应用程序之前应该知道的十件事”,作者照片:https://tk-assets.lambdaschool.com/08d1372e-e393-47f1-ac44-fcb7d0baf0e2_sir.jpg,作者名称:“拉夫·恩斯爵士”} 我不明白为什么newCard日志记录未定义?Javascript 为什么此组件创建者返回未定义?,javascript,arrays,object,axios,web-component,Javascript,Arrays,Object,Axios,Web Component,这是articleNew的控制台日志 {id:“1e4d8724-5973-4b5b-84d9-a30a3c5adb70”,标题:“ES8:Javascript发展的下一步及其对项目的意义”,作者照片:https://tk-assets.lambdaschool.com/08d1372e-e393-47f1-ac44-fcb7d0baf0e2_sir.jpg,作者名称:“拉夫·恩斯爵士”} {id:“553e2401-c95d-4029-89b8-fc6bdb60ae5e”,标题:“类型强制:为
cardWrap.addEventListener(('click'),e=>{
console.log(article.headline)
回程卡片包装//
import axios from "axios"
const Card = (article) => {
let cardWrap = document.createElement('div')
let headDiv = document.createElement('div')
let authorDiv = document.createElement('div')
let picWrap = document.createElement('div')
let imgAuthor = document.createElement('img')
let authorSpan = document.createElement('span')
cardWrap.classList.add('card')
headDiv.classList.add('headline')
authorDiv.classList.add('author')
picWrap.classList.add('img-container')
cardWrap.appendChild(headDiv)
cardWrap.appendChild(authorDiv)
authorDiv.appendChild(picWrap)
picWrap.appendChild(imgAuthor)
authorDiv.appendChild(authorSpan)
headDiv.textContent = (article.headline)
imgAuthor.src = (article.authorPhoto)
authorSpan.textContent = (article.authorName)
cardWrap.addEventListener(('click'), e => {
console.log(article.headline)
return cardWrap
})
const cardAppender = (selector) => {
axios.get('https://lambda-times-api.herokuapp.com/articles')
.then((articleData) => {
console.log(articleData.data.articles.javascript)
articleData.data.articles.javascript.forEach(articleNew => {
console.log(articleNew)
let newCard = Card(articleNew);
console.log(newCard)
});
})
.catch((err) => {
console.log(err)
})