Question

class X{

    DozerBeanMapper mapper;

    mapper.map(OutputDTO.class, OutputResponse.class);

}

上面的代码是主要组件，下面的代码是组件：

import React, {Component} from React;
import Ninjas from './Ninjas';
class App extends Component {
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}
]
}
render(){
<div className='App'>
<h1>My first app</h1>
<p>welcome</p>
<Ninjas ninjas={this.state.ninjas}/>
</div>
);
}
}
export default App;

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

Answer 1

问题

您犯了语法错误。由于错误提示，请在App.js中检查line 6。你看到了什么？

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保留的值存在严重的语法错误。

解决方案

这是更正的表格，


    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的基础知识。：）

编译失败/解析错误：意外的令牌

1 个答案: