如何将自定义reactjs组件(belle)添加到我的rails应用程序
如何将自定义reactjs组件(belle)添加到我的rails应用程序
提问于 2015-07-27 20:36:11
我想将自定义react组件(belle)添加到我的rails应用程序中。我使用react-rails 1.0.0作为我的视图层，它是用coffeescript编写的。
首先，我对Reactjs和我的步骤是第一次接触，多亏了这个网站，我转到了browserify-rails，我安装了browserify，就像在github页面和arkency博客上一样。然后我在控制台中运行npm install --save belle，我在我的application.js中添加了：
var belle = require('belle');
TextInput = belle.TextInput;最后，我在我的主要组件中添加了来自Belle的简单组件
'<TextInput defaultValue={Update here and see how the input grows} />'
在我的sites.js.coffee文件下面：
@Sites = React.createClass
getInitialState: ->
sites: @props.data
getDefaultState: ->
sites: []
render: ->
React.DOM.div
className: 'sites_wrapper'
'<TextInput defaultValue={Update here and see how the input grows} />'
for site in @state.sites
React.DOM.div
className: 'col-md-4 text-center'
React.createElement Site, key: site.id, site: site, articles: site.articles结果是，现在我有了一个空白的、白色的页面。这样-向我的rails应用程序添加自定义组件，是不是很好？或者有更好的方法来做这件事吗？如果第一个问题的答案是“是”，我做错了什么？
谢谢你的帮助。
回答 1
Stack Overflow用户
发布于 2015-08-24 01:47:17
我不能帮助您处理Rails部分，但我注意到在TextInput前面缺少了一个变量声明。这是Belle自述文件中入门部分的一个错误。
正确的版本：
var TextInput = belle.TextInput;
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/31653280
复制相关文章
相似问题
腾讯云开发者
