Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/arrays/14.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 为什么此组件创建者返回未定义?_Javascript_Arrays_Object_Axios_Web Component - Fatal编程技术网

Javascript 为什么此组件创建者返回未定义?

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”,标题:“类型强制:为

这是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日志记录未定义?

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)
      })