将LinkedStateMixin与地理完整性进行反应

Question

目前正在使用带有react-rails gem和geocomplete gem的Rails 4。

一直工作正常（ish），直到我改变前端使用Reactjs。当我输入几个字符时，会显示自动完成列表。我选择了位置，但我的州只显示了几个字符。示例：当我输入＆＃34; bir＆＃34;时，＆＃34;伯明翰＆＃34;的列表显示。如果我选择＆＃34;伯明翰，英国＆＃34;，只有＆＃34; bir＆＃34;得到存储，为什么？

js.jsx：

esp

如果我输入了几个字符，如何在选中时获取字符串的完整值？

Answer 1

问题是geocomplete对输入有些神奇，它与React如何观察字段的修改效果不佳。我会尝试使用其他解决方案进行自动完成，但如果你需要坚持使用geocomplete，你可以尝试使用jquery + plain onChange方法来检测字段中的变化。像这样：

var NewProject = React.createClass({

  getInitialState: function() {
    return {
      location: this.props.data.location
    }
  },
  
  onGeoChange: function(e) {
    this.setState({
      location:  $("#location").val()
    });
  },

  render: function(){
    $("#location").geocomplete({ details: "form" });
    return <input type="text" id="location" onChange={this.onGeoChange} />;
  }
});