在 Rails 上做出反应：Jsx 和 Coffeescritpt 显示 @props

Question

我是 React 的新手。

如何使用 Jsx 和 CoffeeScript 显示 @props？

在我的文件 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 所期望的那样

React on Rails: Jsx and Coffeescritpt display @props