React-select自动加载选项

时间:2016-06-06 01:05:48

标签: reactjs react-router

如果这是关于SO的第一个问题,那么希望我不会忘记任何事情。

我目前正在使用React开发一个网站,该网站允许客户输入车辆名称的前几个字母,然后搜索数据库并返回结果。我也是通过react-router和iframe从另一个站点直接访问这个站点。

当我从外部网站进入时,我将向react-router传递查询。查询将包含以下内容:

  

http://localhost:9292/#/?id=362789&start=1446015600000&stop=1446101999999

如果查询中包含“id”,我想反应 - 选择自动getOptions。否则我希望它继续等待用户输入,因为它现在正在工作。

我当前的代码看起来像。我知道我需要一个if / else语句,但现在更关注自动加载因子:

render() {
  const asset_id = this.props.id
  const getOptions = (input) => {
        return fetch(`/subject?q=${input}`, {credentials: 'include'})
        .then((response) => {
        return response.json();
        }).then((data) => {return {options: data}});
}    

return (
  <div className="picker">
    <Select.Async
        loadOptions={getOptions}
        minimumInput={2}
        value={this.state.selectValue}
        onChange={this.updateValue.bind(this)}
        ref="dropdown"
        name="chooser"
    />
  </div>
}

你能给予的任何帮助都会很精彩。我仍然熟悉React,我觉得我可能会忽略一些简单的事情。

0 个答案:

没有答案