如果这是关于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,我觉得我可能会忽略一些简单的事情。