Синтаксическая ошибка для React Redux Project при запуске команды запуска npm - PullRequest
0 голосов
/ 25 апреля 2018

Я строю проект 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);

Terminal Errors

1 Ответ

0 голосов
/ 26 апреля 2018

В моем файле Scoreboard.js я должен был набрать «PropTypes» в строке 1 вместо «Protypes», что вызвало ошибку.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...