小编Som*_*azx的帖子

如果我触发pry或者byebug,最终在使用实时调试模式时光标将消失,输入将变为慢/迟.最终我必须Ctrl-C杀死独角兽/美洲狮过程.在我退出终端后,终端工作,但光标有时仍然缺失/不可见.然后我必须关闭终端并打开另一个终端.我尝试了两种不同的服务器(puma/unicorn)和两种不同的调试工具(pry和byebug).

很难说这是否与调试工具,rails服务器或我的终端有关.我正在使用具有Solarized主题的Terminal.app.

我想知道我是否以及如何安全地使用searchkick与亚马逊的Elasticsearch.

Bellow是访问选项的图像.IP地址并不理想,因为服务器IP可能会发生变化.

如果我限制对一个或多个AWS账户或IAM用户的访问,那么我不确定如何从rails应用程序进行身份验证.

我想清理我的JSX,将表示标记与功能标记/ DOM元素分开.

我有一个表单,它将是我的组件层次结构的顶层.在下面将有几个输入和表单元素来构成完整的组件层次结构.还有相当数量的twitter bootstrap"cruft"主要用于控制演示.

例如:

render: function() {
  return (
    <form role="form" className="form-horizontal">
      <div className="form-group">
        <label htmlFor="homePrice">Home Price</label>
        <div className="input-group input-group-lg">
          <span className="input-group-addon">$</span>
          <input id="homePrice"
            className="form-control"
            onChange={this.priceChange}
            value={this.state.homePrice}
          />
        </div>
      </div>
      <div className="form-group">
        <label htmlFor="depositAmount">Deposit Amount</label>
        <div className="input-group input-group-lg">
          <span className="input-group-addon">$</span>
          <input id="depositAmount"
            className="form-control"
            onChange={this.depositChange}
            value={this.state.depositAmount}
          />
        </div>
      </div>
      ... snip ...

理想情况下我不得不单独的组件<form>,然后为每个单独的子组件<inputs>,在没有标签或标签<div className="form-group">,并<span className="input-group-addon">和能够插入到这些不同点在HTML文档中,并保持组件层次.

那么我该如何实现这一点并维护组件层次结构.更改输入中的值会影响父级最顶层组件中的状态.

谢谢.