React 和 Rails 应用程序 - 咖啡脚本(或引导程序)未显示在服务器上

Question

我正在尝试使用Ruby on Rails和React创建一个简单的帖子应用程序。 这是我第一次创建 React 应用程序并使用咖啡脚本，所以我一直在在线资源。

我正在为我的帖子创建一个表，为 posts.new 创建一个表来创建一个新帖子。

我在运行服务器时没有收到任何错误，但我在 coffee.script 中编写的所有内容都没有显示在我的浏览器上。唯一显示的是我的标题 1 标签。

在我的JS控制台中，我收到如下错误： 未捕获错误：引导工具提示需要系留

这是我的 index.html.erb 代码

```<h1>Posts#index Route navigates here</h1>
<%= react_component 'Posts', {data: @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的反应应用程序，您只需在其中发布照片。我想通过现在添加一个描述并稍后迁移photo_url值来保持简单。如果有任何原因我的引导程序和咖啡脚本没有显示，请告诉我！谢谢！

Answer 1

在我的应用程序中为引导程序添加了这两个脚本标签.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>
```