基本react-rails组件中的语法错误

Question

Rails无法呈现基本反应组件我刚刚开始构建，因为我的某个组件中出现了假定的语法错误。到目前为止，我还没有弄清楚为什么这个语法不正确。

以下是错误：

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

Answer 1

{}是必需的，因为你是直接调用从return然后{}功能不是必需的，如果你使用一个div那么你需要使用{}，写它像这样的：

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

或

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