Я строю проект React-Redux Scoreboard на GitHub и продолжаю сталкиваться с ошибкой в моем терминале, когда я запускаю "npm start".Ошибка говорит, что мой Синтаксис для файлов 'src / Containers / Player.js' и 'src / Containers / Scoreboard.js', код которых размещен ниже, является неправильным.Это ссылка на мой репозиторий GitHub: Репозиторий GitHub Если кто-нибудь может помочь мне исправить эту ошибку, я был бы очень признателен!
Player.js
import * as PlayerActionTypes from '../actiontypes/player';
const initialState = [
{
name: "Emmanuel",
score: 31,
},
{
name: "Arsenio",
score: 35,
},
{
name: "Melanie",
score: 30,
},
{
name: "Peter",
score: 25,
},
{
name: "Mani",
score: 27,
},
{
name: "Miguel",
score: 29,
},
{
name: "Jason",
score: 22,
},
{
name: "Missy",
score: 28,
},
];
export default function Player(state=initialState, action) {
switch(action.type) {
case PlayerActionTypes.ADD_PLAYER:
return [
...state,
{
name: action.name,
score: 0
}
];
case PlayerActionTypes.REMOVE_PLAYER:
return [
...state.slice(0, action.index),
...state.slice(action.index + 1)
];
case PlayerActionTypes.UPDATE_PLAYER_SCORE:
return state.map((player, index) => {
if(index === action.index) {
return {
...player,
score: player.score + action.score
};
}
return player;
});
default:
return state;
}
}
Scoreboard.js:
import React, { Component, PropTypes } from 'react';
import { bindActionCreators } from 'redux';
import { connect } from 'react-redux';
import * as PlayerActionCreators from '../actions/player';
import Player from '../components/Player';
import Header from '../components/Header';
import AddPlayerForm from '../components/AddPlayerForm';
class Scoreboard extends Component {
static propTypes = {
players: PropTypes.array.isRequired
};
render() {
const { dispatch, players } = this.props;
const addPlayer = bindActionCreators(PlayerActionCreators.addPlayer, dispatch);
const removePlayer = bindActionCreators(PlayerActionCreators.removePlayer, dispatch);
const updatePlayerScore = bindActionCreators(PlayerActionCreators.updatePlayerScore, dispatch);
const playerComponents = players.map((player, index) => (
<Player
index={index}
name={player.name}
score={player.score}
key={player.name}
updatePlayerScore={updatePlayerScore}
removePlayer={removePlayer}
/>
));
return (
<div className="scoreboard">
<Header players={players} />
<div className="players">
{ playerComponents }
</div>
<AddPlayerForm addPlayer={addPlayer} />
</div>
);
}
}
const mapStateToProps = state => (
{
players: state
}
);
export default connect(mapStateToProps)(Scoreboard);
