Javascript 未能编译/分析错误：意外的令牌 导入React，{Component}来自React； 从“./Ninjas”导入忍者； 类应用程序扩展组件{ 状态={ 忍者={ {姓名：'qqq'，年龄：'www'，腰带：'eee'，id:1}， {姓名：'aaa'，年龄：'sss'，腰带：'ddd'，id:2}， {姓名：'zzz'，年龄：'xxx'，腰带：'ccc'，d:3} ] } render（）{ 我的第一个应用程序

欢迎光临

); } } 导出默认应用程序； 上面的代码是主要组件，下面的代码是组件：

import React，{Component}来自'React'；
类忍者扩展组件{
render（）{
const{ninjas}=this.props；
常量忍者列表=忍者地图（忍者=>{
返回(
名称：{ninja.Name}
年龄：{ninja.Age}
腰带：{ninja.Belt}
)
})
返回(
{ninjaList}
)
}}
输出默认忍者；

我正在跟踪一些视频，我得到的只是这个错误。编译失败 ./src/App.js 第6行：分析错误：意外令牌

---

问题

您犯了语法错误。 如错误所示，检查App.js中的第6行。您看到了什么

import React, { Component } from 'react';
class Ninjas extends Component {
render(){
const {ninjas} = this.props;
const ninjaList = ninjas.map(ninja => {


return(
 <div className='ninja' key={ ninja.id }>
   <div>Name: { ninja.name }</div>
   <div>Age: { ninja.age }</div>
   <div>Belt: { ninja.belt }</div>
</div>
)
})
return(
<div className='ninja-list'>
{ninjaList}
</div>
)
}}
export default Ninjas;

state

保存的值存在严重语法错误

解决方案

这是正确的表格

state = {
ninjas = {
{name:'qqq',age:'www',belt:'eee',id:1},
{name:'aaa',age:'sss',belt:'ddd',id:2},
{name:'zzz',age:'xxx',belt:'ccc', d:3}
]
}

解释

以下是一些问题

• 首先，

  ninjas

  是

  state

  对象中的一个属性，但是您使用赋值运算符（=）错误地为它提供了一个值，而应该使用

  ：

• 下一个

  ninjas

  属性包含一个对象数组，您将

  [

  与一个花括号

  {

---

如果你明白我所说的话，那就太好了，希望你能开始创建你的应用程序。如果你不明白，那就休息一下，从React开始，复习一下你在Core JS中的基础知识。

你对忍者的定义是错误的，它是

忍者={

而不是团队，它应该是

忍者=[

[第二个错误位于代码id:3旁边，我在编写报告问题的代码时意外地犯下了错误。是的，非常感谢，我没有看到错误，显然计算机的时间太长了。再次非常感谢。：D

state = {
ninjas = {
{name:'qqq',age:'www',belt:'eee',id:1},
{name:'aaa',age:'sss',belt:'ddd',id:2},
{name:'zzz',age:'xxx',belt:'ccc', d:3}
]
}

    state = {
      ninjas: [
        { name: 'qqq', age: 'www', belt: 'eee', id: 1 },
        { name: 'aaa', age: 'sss', belt: 'ddd', id: 2 },
        { name: 'zzz', age: 'xxx', belt: 'ccc', d: 3 },
      ],
    };