1
Как новичок в React.js Я играю с некоторым кодом React.js, и мне это очень нравится, но не понимаю, почему я получаю некоторую ошибку в синтаксисе follow - > {this.state.data.map ((person, i) ⇒)}. Согласно онлайн-учебнику, это должно сработать, так что это меня пугает. Если удалить ECMAScript 2015 стрелка синтаксис (⇒) в я получить другую ошибку в синтаксисе ..Неожиданный символ '⇒' React.js
import React from 'react';
class App extends React.Component {
\t constructor() {
\t \t super();
\t \t this.state = {
\t \t \t data:
\t \t \t [
\t \t \t \t {
\t \t \t \t \t "id": 1,
\t \t \t \t \t "name": "Foo",
\t \t \t \t \t "age": "12"
\t \t \t \t },
\t \t \t \t {
\t \t \t \t \t "id": 2,
\t \t \t \t \t "name": "Bar",
\t \t \t \t \t "age": "30"
\t \t \t \t },
\t \t \t \t {
\t \t \t \t \t "id": 3,
\t \t \t \t \t "name": "Baz",
\t \t \t \t \t "age": "40"
\t \t \t \t }
\t \t \t ] \t
\t \t }
\t } \t
\t render() {
\t \t return (
\t \t \t <div>
\t \t \t <Header/>
<table>
<tbody>
{this.state.data.map((person, i) ⇒ <TableRow key = {i} data = {person} />)}
</tbody>
</table>
\t \t \t </div>
\t \t)
\t }
}
class Header extends React.Component {
\t render() {
\t \t return (
\t \t \t <div>
\t \t \t \t <h1>Header</h1>
\t \t \t </div>
\t \t)
\t }
}
class TableRow extends React.Component {
\t render() {
\t \t return (
\t \t \t <tr>
\t \t \t \t <td>{this.props.data.id}</td>
\t \t \t \t <td>{this.props.data.name}</td>
\t \t \t \t <td>{this.props.data.age}</td>
\t \t \t </tr>
\t \t);
\t }
}
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>
https://www.tutorialspoint.com/reactjs/reactjs_components.htm check Stateful example –
Вы используете редактор общего назначения вместо одного специально для кода? Вы определенно не хотите, чтобы ваш редактор заменял «1/2» на '½', одинарные или двойные кавычки со« умными »кавычками (' '' ') или в этом случае функции стрелок (' => ') со стрелкой ('⇒')! – Technetium