Rails应用程序中的Rails-assets.org集成的React组件

我试图在rails应用程序中集成来自rails-assets.org的反应组件。目前，我使用react-rails gems在我的应用程序中编写反应视图。Rails应用程序中的Rails-assets.org集成的React组件

我想使用其他反应组件，例如react-router，react-select等。我发现通过使用rails-assets.org可以轻松获得此组件。但是，我不知道调用此组件的正确方法。有人可以教我吗？

例如，我想结合反应，选择在我的Rails应用程序：

的Gemfile：

gem 'rails-assets-react-select','~> 1.0.0.rc.3', source: 'https://rails-assets.org'

的application.js

//= require jquery 
 
//= require jquery_ujs 
 
//= require turbolinks 
 
//= require react 
 
//= require react_ujs 
 
//= require components 
 
//= require react-select 
 
//= require react-dom 
 
//= require_tree . 
 
$(function(){ $(document).foundation(); });

Applications.scss。 sass

*= require_tree . 
 
*= require_self 
 
*= require foundation 
 
*=require foundation_and_overrides 
 
*= require react-select 
 
@import "foundation_and_overrides"

下面是我的代码来调用该组件（GroupSetting.jsx）

var Select = require('react-select'); 
 
var GroupSetting = React.createClass({ 
 
\t getInitialState() { 
 
\t \t return { 
 
\t \t \t options: [ 
 
\t \t \t \t { value: true, label: 'Yes' }, 
 
\t \t \t \t { value: false, label: 'No' } 
 
\t \t \t ], 
 
\t \t \t value: null 
 
\t \t }; 
 
\t }, 
 
\t onChange(value) { 
 
\t \t this.setState({ value }); 
 
\t \t console.log('Boolean Select value changed to', value); 
 
\t }, 
 
\t render() { 
 
\t \t return (
 
\t \t \t <div className="section"> 
 
\t \t \t \t <h3 className="section-heading">{this.props.label}</h3> 
 
\t \t \t \t <Select 
 
\t \t \t \t \t onChange={this.onChange} 
 
\t \t \t \t \t options={this.state.options} 
 
\t \t \t \t \t simpleValue 
 
\t \t \t \t \t value={this.state.value} 
 
\t \t \t \t \t /> 
 
\t \t \t \t <div className="hint">This example uses simple boolean values</div> 
 
\t \t \t </div> 
 
\t \t); 
 
\t } 
 
});

我有以下错误：