Title: {this.props.title}
Body: {this.props.body}
Published: {this.props.published}
Published By: {this.props.publishedBy}
);
}
});
```
#### Options
**--es6** : Generate the same component but using cutting edge es6 class
For example:
```shell
rails generate react:component Label label:string --es6
```
#### Arguments
The generator can use the following arguments to create basic propTypes:
* any
* array
* bool
* element
* func
* number
* object
* node
* shape
* string
The following additional arguments have special behavior:
* `instanceOf` takes an optional class name in the form of {className}.
* `oneOf` behaves like an enum, and takes an optional list of strings in the form of `'name:oneOf{one,two,three}'`.
* `oneOfType` takes an optional list of react and custom types in the form of `'model:oneOfType{string,number,OtherType}'`.
Note that the arguments for `oneOf` and `oneOfType` must be enclosed in single quotes
to prevent your terminal from expanding them into an argument list.
### Jbuilder & react-rails
If you use Jbuilder to pass a JSON string to `react_component`, make sure your JSON is a stringified hash,
not an array. This is not the Rails default -- you should add the root node yourself. For example:
```ruby
# BAD: returns a stringified array
json.array!(@messages) do |message|
json.extract! message, :id, :name
json.url message_url(message, format: :json)
end
# GOOD: returns a stringified hash
json.messages(@messages) do |message|
json.extract! message, :id, :name
json.url message_url(message, format: :json)
end
```
## CoffeeScript
It is possible to use JSX with CoffeeScript. To use CoffeeScript, create files with an extension `.js.jsx.coffee`.
We also need to embed JSX code inside backticks so that CoffeeScript ignores the syntax it doesn't understand.
Here's an example:
```coffee
Component = React.createClass
render: ->
`