I'm working on this legacy React project which we're trying to redesign, it was using default Pagination in Searchkit to view results from Elasticsearch.
Now for redesign purposes we need to replace it with a "Show More button" instead of clicking on the page number.
Is anyone familiar with using searchkit in 2020? I still can't grasp the Accessor concept and extending an Accessor Class or it's methods as: defineAccessor or buildOwnQuery.
I want to build a button that fetches data starting from a number and accumulates on it, if i have access to state or the results are in my own store i would've done that but the docs don't say much.
React & Searchkit Show More Button instead of default pagination
189 Views Asked by Abdelrhman Yousry At
1
There are 1 best solutions below
Related Questions in REACTJS
- ussd reader in Recket Native module
- Teams tab application returns SSO error in mobile Outlook
- Github Pages Deployment deploys a blank page
- Is there any way to glow this bulb image like a real light bulb
- Optimize LCP ReactJs
- Page in React only renders elements after refreshing
- Unable to Post Form Data to MongoDB because of picturepath
- MERN Stack App - User Avatar Upload - 500 Error After Deployment on Render
- Hooks are not supported inside an async component error in nextjs project using useQuery
- How to change the Font Weight of a SelectValue component in React when a SelectItem is selected?
- On the server side, it returns undefined but on the client side, logs the values no problem
- Multilevel dropdown with checkboxes in Select component
- TypeScript Error only on big type only when assigned to a variable
- Deployment through app engine, cloud sql database, problem connecting with server code, doesn't connect
- Data is not filtering in props. Showing passdata.map is not a function
Related Questions in ELASTICSEARCH
- How does Elasticsearch do attribute filtering during knn (vector-based) retrieval?
- Elastic python to extract last 1hr tracing
- Elastic search not giving result when Hyphen is used in search text
- FluentD / Fluent-Bit: Concatenate multiple lines of log files and generate one JSON record for all key-value from each line
- Elasticsearch functional_score with parameter of type string array as input not working
- Elasticsearch - cascading http inputs from Airflow API
- AWS Opensearch - Restore snapshot - Failed to parse object: unknown field [uuid] found
- cluster block exception for system index of kibana
- What settings are best for elasticsearch query to find full word and half word
- OpenSearch - Bulk inserting Million rows from Pandas dataframe
- unable access to kibana
- PySpark elastic load fail with error SparkContext is stopping with exitCode 0
- How to use query combined to KNN with ElasticSearch?
- Facing logstash compatibility issues
- If the same document is ingested at two different times, how to have the same id in Elasticsearch
Related Questions in SEARCHKIT
- SearchKit - using custom logic instead of plain path
- Using Searchkit/InstantSearch to render ElasticSearch Results in React
- Integrate Boolean Operators in SearchBox in a React/ElasticSearch/Django website
- ElasticSearch query - Searching on 2 Fields
- How to change the query imperatively in SearchKit?
- Error while using searchKitManager in React
- React & Searchkit Show More Button instead of default pagination
- Replace class using javascript is not working in reactjs
- Using removeChild() to remove a broken image?
- Elasticsearch + searchkit basicauth - getting 401 Unauthorized when contacting ES
- searchkit: RefinementListFilter can't access certain data in json
- How to add a Dynamic Range Filter for multi-value property?
- ReactJS throws "map" is not defined Error
- How to have sample dataset on AWS ElasticSearch or other service provider for SearchKitManager()?
- Get SKDocument by URL
Trending Questions
- UIImageView Frame Doesn't Reflect Constraints
- Is it possible to use adb commands to click on a view by finding its ID?
- How to create a new web character symbol recognizable by html/javascript?
- Why isn't my CSS3 animation smooth in Google Chrome (but very smooth on other browsers)?
- Heap Gives Page Fault
- Connect ffmpeg to Visual Studio 2008
- Both Object- and ValueAnimator jumps when Duration is set above API LvL 24
- How to avoid default initialization of objects in std::vector?
- second argument of the command line arguments in a format other than char** argv or char* argv[]
- How to improve efficiency of algorithm which generates next lexicographic permutation?
- Navigating to the another actvity app getting crash in android
- How to read the particular message format in android and store in sqlite database?
- Resetting inventory status after order is cancelled
- Efficiently compute powers of X in SSE/AVX
- Insert into an external database using ajax and php : POST 500 (Internal Server Error)
Popular Questions
- How do I undo the most recent local commits in Git?
- How can I remove a specific item from an array in JavaScript?
- How do I delete a Git branch locally and remotely?
- Find all files containing a specific text (string) on Linux?
- How do I revert a Git repository to a previous commit?
- How do I create an HTML button that acts like a link?
- How do I check out a remote Git branch?
- How do I force "git pull" to overwrite local files?
- How do I list all files of a directory?
- How to check whether a string contains a substring in JavaScript?
- How do I redirect to another webpage?
- How can I iterate over rows in a Pandas DataFrame?
- How do I convert a String to an int in Java?
- Does Python have a string 'contains' substring method?
- How do I check if a string contains a specific word?
I figured a solution by storing results onResultsChange and default storing type is to "replace", and on Clicking on "Load More" button the storage type will be changed to "push" new results.
I used accessor's
onStateChangemethod to reset page number on any change by other filters, and after each result change will reset the storage type back to "replace" to be used by other filters.