javascript - 意外字符 '⇒' React.js

Question

作为 React.js 的新手，我正在尝试一些 React.js 代码，我非常喜欢它，但不明白为什么我在以下语法上遇到一些错误 --> {this.state.data. map ((人，我)⇒)}。根据在线教程，这应该可行，所以这让我感到困惑。如果我删除 EcmaScript 2015 箭头语法 (⇒)，我将在此语法中收到另一个错误..

import React from 'react';

class App extends React.Component {
	constructor() {
		super();

		this.state = {
			data:
			[
				{
					"id": 1,
					"name": "Foo", 
					"age": "12"
				},
				{
					"id": 2,
					"name": "Bar",
					"age": "30"
				},
				{
					"id": 3,
					"name": "Baz",
					"age": "40"
				}
			]	
		}
	}	

	render() {
		return (
			<div> 
			<Header/>
            <table>
               <tbody>
                  {this.state.data.map((person, i) ⇒ <TableRow key = {i} data = {person} />)}
               </tbody>
            </table>
			</div>
		)
	}
}

class Header extends React.Component {
	render() {
		return (
			<div>
				<h1>Header</h1>
			</div>
		)
	}
}

class TableRow extends React.Component {
	render() {
		return (
			<tr>
				<td>{this.props.data.id}</td>
				<td>{this.props.data.name}</td>
				<td>{this.props.data.age}</td>
			</tr>
		);
	}
}

export default App;

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.min.js"></script>

Answer 1

实际上你应该使用 => 这个运算符，而不是符号。它是一个等号和一个大于号。

代码在发布时可能已格式化，但 ⇒ 它是 =>!