Javascript 基本rails组件中的语法错误

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"/>

ActionView:：Template:：Error（语法错误：未知：意外标记（11:11）
9 |渲染（）{
10 |返回(
>11 |{this.renderMeetings（）}
^
12 |     );
13 |   }
14 | ):
1：活动
2: 
三：
4: 
5: 
6:   

这是可疑组件：

class SearchResults extends React.Component {

  renderMeetings() {
   return this.props.meetings.map((meeting) => {
     return <SearchResultsPost meeting={meeting} />
   })
  }

  render () {
    return (
      {this.renderMeetings()}
    );
  }

}

类搜索结果扩展了React.Component{
renderMeetings（）{
返回此.props.meetings.map（（会议）=>{
回来
})
}
渲染（）{
返回(
{this.renderMeetings（）}
);
}
}

---

非常感谢您提供的任何帮助

{}

当您想在

html元素

中放入一些

javascript

代码时，需要使用

{/code>，因为您直接从
return
调用函数，那么
{}
就不是必需的，如果您使用
div
，那么您需要使用
{/code>}
，这样写：

render () {
    return (
      <div>{this.renderMeetings()}</div>
    );
}

哎呀！谢谢你的快速回复！
render () {
    return (
       this.renderMeetings()
    );
 }