[英]React and Rails app - coffee script (or bootstrap) not showing on server
我正在尝试使用Ruby on Rails和React创建一个简单的帖子应用程序。 这是我第一次创建React应用程序并使用coffee-script,因此我一直在在线资源中。
我正在为帖子创建一个表,并为posts.new创建一个表以创建一个新帖子。
运行服务器时没有出现任何错误,但是我在coffee.script中编写的所有内容均未显示在浏览器中。 唯一显示的是我的Header 1标签。
在我的JS控制台中,我得到这样的错误:未捕获的错误:Bootstrap工具提示需要Tether
这是我的index.html.erb代码
```<h1>Posts#index Route navigates here</h1>
<%= react_component 'Posts', {data: @posts} %>
```
这是我的posts.js.coffee代码
```@Posts = React.createClass
getInitialState: ->
posts: @props.data
getDefaultProps: ->
posts: []
addPost: (post) ->
posts = @state.posts.slice()
posts.push post
@setState posts: posts
render: ->
React.DOM.div
className: 'posts'
React.DOM.h1
className: 'title'
'Posts'
React.createElement PostForm, handleNewPost: @addPost
React.DOM.table
classname: 'table table-bordered'
React.DOM.thead null
React.DOM.th null, 'Description'
React.DOM.tbody null,
for post in @state.posts
React.createdElement Post, key: post.id, post: post
```
这是我的post.js.coffee代码:
```@Post = React.createClass
render: ->
React.DOM.tr null,
React.DOM.td null, @props.post.description
```
我的目标是制作一个类似于instagram的react应用,您只需在其中发布照片即可。.我想通过现在添加说明并稍后迁移photo_url的值来保持简单。 如果有任何原因我的引导程序和咖啡脚本未显示,请告诉我! 谢谢!
在我的application.html.erb头标记中添加了这两个用于引导的脚本标记
```
<script src="https://npmcdn.com/tether@1.2.4/dist/js/tether.min.js"></script>
<script src="https://npmcdn.com/bootstrap@4.0.0-
alpha.5/dist/js/bootstrap.min.js"></script>
```
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.