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一个示例项目新的东西,但现在得到这个如图截图:
答
的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>
)
}
}
你'onEventClick = {(目标,EVENTDATA,日)} =>执行console.log(EVENTDATA)'行都有错了地方花关闭,它应该在日志之后。这是我在这段代码中看到的唯一错误。 – loganfsmyth
不变的错误通常是由于尝试渲染未正确导入的组件造成的。在这种情况下,它看起来像你正在使用的[react-event-calendar](https://github.com/dptoot/react-event-calendar)包是很老的,似乎不被支持。如果你从渲染中移除了这个组件,我想你的应用程序将会工作,并且我建议找一个更新的组件。 –
@AustinGreco - 告诉我,事件日历组件或react-babel初学者应用程序是从哪里开始的?最近似乎并没有那么古老并且有过活动。我试图改变组件渲染无济于事。 – Mark