Comments (3)
It currently does not. However you should be able to fetch items before hand and simply feed them via props to this component.
If you'd like to submit a PR, we'd be happy to discuss and review it. :)
In my own react+redux application I have some async action creators that fetch my list and store it for later use. I'm sure something similar could be achieved with Flux or even jquery + localstorage.
from react-search.
I am doing as you describe, with redux, and passing the props down, however the render always seems to be one render behind. This is strange to me. Any Idea?
EG: I pass in ['test', 'test2'] -> no recommendations,
change input to [] -> ['test', 'test2'] show up.
from react-search.
Async loading data is working and can be seen in the example querying repos from github api. Pass in a function as prop to getItemsAsync
it needs to return the callback when ajax loading of your data has completed. I hope to allow using promises rather than a callback for this as well in the near future.
getItemsAsync(searchValue, cb) {
let url = `https://api.github.com/search/repositories?q=${searchValue}&language=javascript`
fetch(url).then( (response) => {
return response.json();
}).then((results) => {
if(results.items != undefined){
let items = results.items.map( (res, i) => { return { id: i, value: res.full_name } })
this.setState({ repos: items })
cb(searchValue)
}
});
}
from react-search.
Related Issues (19)
- Access to found items and preventing display of found items HOT 3
- npm install not working on 1.0.8 HOT 2
- Keyboard events don't change selection
- Menu doesn't disappear when it loses focus HOT 3
- Can't select items randomly HOT 1
- Selecting input box clears text
- Mouse click vs Trackpad click HOT 1
- Setup default value externally HOT 2
- Integrating with redux-form
- Can I search multiple values? HOT 1
- How to change the appearance of the search bar? HOT 1
- Dropdown list completely disappear when no item found HOT 2
- Bind error
- Question about react-search component - message
- Huge list of search items makes the search component hang
- Hiding down arrow when Item is selected
- non integer ID
- Update react peer dependency to allow 0.14 HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-search.