Question

第20行：解析错误：意外的令牌，预期为“}”

18 | { 19 |

20 | this.state.employees.map（（buddy）{ | ^ 21 | return（{buddy.name}） 22 | }）; 23 | }

所以我得到了我的map函数附近的解析错误，我不知道为什么我的花括号全都关闭了，这是我的反应代码

import React from 'react';
import logo from './logo.svg';
import './App.css';

import React from 'react';
import logo from './logo.svg';
import './App.css';

class App extends React.Component {
  state = {
    employees: [
      {id: 1, name:'Dlo',position:'Accountant'},
      {id: 2, name:'Bron',position:'Police Officer'},
      {id: 3, name:'Hala',position:'Tech Support'},
      {id: 4, name:'Mario',position:'Game Tester'},
    ]
  }
  render() {
  return (
    <div className="App">
    <ul>
      {
        <img src={logo} className="App-logo" alt="logo" />


         this.state.employees.map((buddy){
          return(<Special id={buddy.id} position= {buddy.position}>{buddy.name}</Special>)
        });
      }
      </ul>
    </div>
  );
}
}

export default App;

我正在创建一个丢失的内容以显示在我的网页上

Answer 1

this.state.employees.map(function(buddy){ return(<Special id={buddy.id} position= {buddy.position}>{buddy.name}</Special>) });

您错过了主要部分，即“功能”关键字。

其他 this.state.employees.map(buddy => <Special id={buddy.id} position={buddy.position}>{buddy.name}</Special> );

“ => ”-这是arrow function。

在跳到反应之前，请先复习javascript的基础知识。 JavaScript基础非常重要。希望这会有所帮助：）

第20行预期的花括号解析错误

1 个答案: