[英]Syntax error in basic react-rails component
Rails无法呈现我刚刚开始构建的基本react组件,因为其中一个组件存在语法错误。 到目前为止,我还无法弄清楚为什么这种语法不正确。
这是错误:
ActionView::Template::Error (SyntaxError: unknown: Unexpected token (11:11)
9 | render () {
10 | return (
> 11 | {this.renderMeetings()}
^
12 | );
13 | }
14 | ):
1: <h1>Events</h1>
2:
3: <%= react_component('SearchContainer', {}, {prerender: true}) %>
4:
5: <form action="/search_event" accept-charset="UTF-8" method="get">
6: <input type="search" name="search" placeholder="Search meetings"/>
这是可疑组件:
class SearchResults extends React.Component {
renderMeetings() {
return this.props.meetings.map((meeting) => {
return <SearchResultsPost meeting={meeting} />
})
}
render () {
return (
{this.renderMeetings()}
);
}
}
您能提供的任何帮助将不胜感激!
{}
当你想要把一些需要javascript
内部代码html element
,因为你是直接调用从一个函数return
然后{}
不是必需的,如果你使用一个div
,那么你需要使用{}
写这样的:
render () {
return (
<div>{this.renderMeetings()}</div>
);
}
要么
render () {
return (
this.renderMeetings()
);
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.