Question

作为React.js的新手，我正在使用一些React.js代码，我非常喜欢它，但不明白为什么我在后面的语法上出现了一些错误 - ＆gt; {this.state.data.map（（person，i）⇒）}。根据在线教程，这应该工作，所以这让我感到困惑。如果我删除了EcmaScript 2015箭头语法（⇒），我将在此语法中出现另一个错误..

＆＃13;

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;

＆＃13;

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

＆＃13;

Answer 1

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

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

出乎意料的人物＆＃39;⇒＆＃39; React.js

1 个答案: