React中的奇数语法错误

所以我有自定义组件class App，但仍然有问题。确定这件事很容易，但对于我这样的人来说，我没有搞清楚。基本上，我的代码是：React中的奇数语法错误

（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一个示例项目新的东西，但现在得到这个如图截图：

来源

2017-10-20 Mark

你'onEventClick = {（目标，EVENTDATA，日）} =>执行console.log（EVENTDATA）'行都有错了地方花关闭，它应该在日志之后。这是我在这段代码中看到的唯一错误。 – loganfsmyth

不变的错误通常是由于尝试渲染未正确导入的组件造成的。在这种情况下，它看起来像你正在使用的[react-event-calendar]（https://github.com/dptoot/react-event-calendar）包是很老的，似乎不被支持。如果你从渲染中移除了这个组件，我想你的应用程序将会工作，并且我建议找一个更新的组件。 –

@AustinGreco - 告诉我，事件日历组件或react-babel初学者应用程序是从哪里开始的？最近似乎并没有那么古老并且有过活动。我试图改变组件渲染无济于事。 – Mark

的WebPack建立错误可能是微妙的，有时：

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

来源

2017-10-20 08:14:21

React中的奇数语法错误

回答

相关问题