반응에서 기묘한 구문 오류

Question

그래서 class App과 함께 사용자 정의 구성 요소가 있지만 여전히 문제가 있습니다. 그것은 쉬운 일이라고 확신하지만, 나 같은 사람들을 위해서, 나는 그것을 알아 내지 못하고있다. 기본적으로, 내 코드는 다음과 같습니다

(app.jsx) :

그래도, 나는이 오류가 무엇입니까 실행할

import React from 'react'; 
import '../styles/index.scss'; 

const EventCalendar = require('react-event-calendar'); 

const events = [ 
    { 
     start: '2015-07-20', 
     end: '2015-07-02', 
     eventClasses: 'optionalEvent', 
     title: 'test event', 
     description: 'This is a test description of an event', 
    }, 
    { 
     start: '2015-07-19', 
     end: '2015-07-25', 
     title: 'test event', 
     description: 'This is a test description of an event', 
     data: 'you can add what ever random data you may want to use later', 
    }, 
]; 

export default class App extends React.Component { 
    render() { 
    return (
     <div> 
     <h1>It Works!</h1> 
     <p>This React project just works including <span className="redBg">module</span> local styles.</p> 
     <p>Enjoy!</p> 

       <EventCalendar 
        month={7} 
        year={2017} 
        events={events} 
        onEventClick={(target, eventData, day)} => console.log(eventData) 
        /> 

     </div> 
    ) 
    } 
} 

:

사람이 도움을 할 수 있습니까?

감사합니다.

업데이트 : 나는 제안 구문 오류를 수정하고 나는이 얻을 지금, 나는 this project의 샘플 프로젝트를 사용하고 반응에서 새로운 것을 배우고이를 사용하지만,하려고으로 스크린 샷에서와 같이

Answer 1

웹팩 때로는 미묘한 될 수있는 오류를 구축 :

import React from 'react'; 
import '../styles/index.scss'; 

const EventCalendar = require('react-event-calendar'); 

const events = [ 
    { 
     start: '2015-07-20', 
     end: '2015-07-02', 
     eventClasses: 'optionalEvent', 
     title: 'test event', 
     description: 'This is a test description of an event', 
    }, 
    { 
     start: '2015-07-19', 
     end: '2015-07-25', 
     title: 'test event', 
     description: 'This is a test description of an event', 
     data: 'you can add what ever random data you may want to use later', 
    }, 
]; 

export default class App extends React.Component { 
    render() { 
    return (
     <div> 
     <h1>It Works!</h1> 
     <p>This React project just works including <span className="redBg">module</span> local styles.</p> 
     <p>Enjoy!</p> 

       <EventCalendar 
        month={7} 
        year={2017} 
        events={events} 
        onEventClick={(target, eventData, day) => console.log(eventData)} // the closing curly brace 
        /> 

     </div> 
    ) 
    } 
}