如何使用coffeescript插入React组件?

时间:2016-03-10 15:48:40

标签: reactjs coffeescript

我想在组件标题中调用组件图标,但我尝试的所有方法都会抛出语法错误或只是打印为纯文本:<图标/>

我的代码:

NullPointerException

我基于这个教程

2 个答案:

答案 0 :(得分:1)

我是这样做的:

@Title  = React.createClass
  render: ->
    React.DOM.div
      className: 'title page'
      React.DOM.h2
        className: h2header ui header block
      React.createElement Icon

答案 1 :(得分:1)

为了获得更易读的代码,我使用此实用程序函数创建类工厂而不是React类:

>>> df.loc[df["Test ID"] == df.groupby("Make")["Test ID"].transform("max")]
     Make  RfR ID  Test ID
7   VOLVO    2056       35
8     KIA    8545        8
14    KIA    8466        8

然后像这样定义你的组件:

classFactory: (spec) ->
  c = React.createClass(spec)
  return (attrs, children...) ->
    React.createElement(c, attrs, children)