Render reactjs component not work

Question

I created a reactjs component by using react-rails gem:

@SettingWidget = React.createClass
  render: ->
    React.DOM.div
      React.DOM.span
        style:
          color: 'red'
        'Hello'
      React.DOM.span
        style:
        color: 'blue'
        'World'

In my view:

= react_component 'SettingWidget'

But I cannot render this component, I'm new in reactjs and rails, many thanks for help!

score 0 · Accepted Answer · answered Jan 18 '16 at 09:11

0

If you don't specify any html option for element, put it {} like this:

@SettingWidget = React.createClass
  render: ->
    React.DOM.div {}, # Check here
      React.DOM.span
        style:
          color: 'red'
        'Hello'
      React.DOM.span
        style:
        color: 'blue'
        'World'

answered Jan 18 '16 at 09:11

Hieu Pham

6,577
2
30
50

1

Thanks, how about define an empty `className: ''`, it also works – Jan 18 '16 at 09:22

Render reactjs component not work

1 Answers1