Ruby on rails 反应：以类似轨道的方式形成建筑

我正在尝试使用React（

React-Rails

gem）增强现有的Rails应用程序

此应用程序具有使用以下代码生成的表单：

<%= form_for @article do |f| %>
  <div class="form-group">
    <%= f.label :title %>
    <%= f.text_field :title %>
  </div>
  <div class="form-group">
    <%= f.label :body %>
    <%= f.text_area :body, size: "60x12" %>
  </div>
  <div class="form-group">
    <label><%= f.checkbox :sets_expiration_date %> Sets expiration date</label>
    <%= f.date_select :expiration_date, start_year: Date.today.year %>
  </div>
  <button type="submit" class="btn btn-default">Create</button>
<% end %>

设置过期日期
创造

我希望此表单具有以下功能：

• 当用户切换复选框时，

  过期日期

  字段的三个下拉列表显示或隐藏
• 当用户提交表单时，表单数据通过Ajax发送到服务器进行验证和持久化
• 当验证失败时，相关标签和输入字段将被红色边框包围
• 成功保存表单数据后，表单将消失并显示一条消息

在我的第一次尝试中，我成功地实现了这个目标，但我发现我必须编写大量的普通HTML代码

这让我很失望。 特别是，我不想为每个

标记指定

名称

和

默认值

属性 比如

我还必须编写相当长的JavaScript代码，为

expiration\u date

字段创建三个下拉列表

如何使用React高效地构造这样的表单？有好的插件吗