basic react rails组件中的语法错误
basic react rails组件中的语法错误
提问于 2017-03-01 07:23:21
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()}
);
}
}您能提供的任何帮助都非常感谢！
回答 1
Stack Overflow用户
回答已采纳
发布于 2017-03-01 07:29:38
当您想要将一些{}代码放入html element中时，需要使用{}，因为您直接从return调用一个函数，所以不需要{}，如果使用div，则需要使用{}，编写如下所示：
render () {
return (
<div>{this.renderMeetings()}</div>
);
}或
render () {
return (
this.renderMeetings()
);
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/42525583
复制相关文章
相似问题
腾讯云开发者
