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 } 
 
});

我有以下錯誤：