React on Rails：Jsx和Coffeescritpt显示@props

Question

我对React很新。

如何使用@props和Jsx？

显示CoffeeScript

在我的文件records.js.jsx.coffee中，我有以下代码来显示记录的日期和标题：

@Record = React.createClass
  render: ->
    `<tr>
      <td>{@props.record.date}</td>
      <td>{@props.record.title}</td>
     </tr>`

我收到的错误是SyntaxError: unknown: Unexpected token (5:11)

我希望我可以使用后面的标记`

来逃避代码

Answer 1

@Record = React.createClass
  render: ->
    `<tr>
      <td>{this.props.record.date}</td>
      <td>{this.props.record.title}</td>
     </tr>`

使用this代替@符号。

根据我的阅读，@符号编译为window而非this，正如我所期望的那样使用CoffeeScript