# How to fetch data from Elasticseach and display in React using APIs **URL:** \ **Category:** Logstash\ **Created:** [December 30, 2022, 8:40am UTC](https://discuss.elastic.co/t/how-to-fetch-data-from-elasticseach-and-display-in-react-using-apis/322197 "2022-12-30T08:40:50Z")\ **Posts on this page:** 10\ **Page:** 1
**Author:** ![khlinten\_demelash](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/khlinten_demelash/32/115378_2.png) [@khlinten\_demelash](https://discuss.elastic.co/u/khlinten_demelash)\ **Post date:** [December 30, 2022, 8:40am UTC](https://discuss.elastic.co/t/how-to-fetch-data-from-elasticseach-and-display-in-react-using-apis/322197/1 "2022-12-30T08:40:50Z")
Hello, I'm from Ethiopia, and I'm working in Front-end Website Development. am using ReactJS and Elasticsearch. I'm getting trouble fetching data from Elasticsearch([https://192.168.1.3:9200/clientesafewindows-logstash/\_search?pretty](https://192.168.1.3:9200/clientesafewindows-logstash/_search?pretty)) the display it on React table. I have already created a table in React app and I have data on Elasticsearch. So, Please help me! How to fetch data from Elasticsearch and display it on React Table using APIs? ---
**Author:** ![stephenb](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/stephenb/32/40856_2.png) [@stephenb](https://discuss.elastic.co/u/stephenb)\ **Post date:** [December 30, 2022, 5:01pm UTC](https://discuss.elastic.co/t/how-to-fetch-data-from-elasticseach-and-display-in-react-using-apis/322197/2 "2022-12-30T17:01:55Z")
Hi @khlinten_demelash Welcome to the community. I am not a frontend developer but did you look at the [Javascript Client](https://www.elastic.co/guide/en/elasticsearch/client/javascript-api/current/index.html) and [Get Examples](https://www.elastic.co/guide/en/elasticsearch/client/javascript-api/current/get_examples.html) and [Search Examples](https://www.elastic.co/guide/en/elasticsearch/client/javascript-api/current/search_examples.html) ---
**Author:** ![khlinten\_demelash](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/khlinten_demelash/32/115378_2.png) [@khlinten\_demelash](https://discuss.elastic.co/u/khlinten_demelash)\ **Post date:** [January 2, 2023, 7:02am UTC](https://discuss.elastic.co/t/how-to-fetch-data-from-elasticseach-and-display-in-react-using-apis/322197/3 "2023-01-02T07:02:01Z")
Hi Stephen, Please help me with "how to display JSON data to React Table". I have already fetched data from Elasticsearch using API successfully. But now, I can't display the JSON data in to React table. Thanks! ---
**Author:** ![stephenb](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/stephenb/32/40856_2.png) [@stephenb](https://discuss.elastic.co/u/stephenb)\ **Post date:** [January 2, 2023, 7:16am UTC](https://discuss.elastic.co/t/how-to-fetch-data-from-elasticseach-and-display-in-react-using-apis/322197/4 "2023-01-02T07:16:39Z")
Hi @khlinten_demelash Sorry not my area of expertise and that is really a JSON to React data table / javascript question not really elasticsearch question. Perhaps someone else can help... Or do a quick Google search JSON to react data table.... Or ask in one of the many react forums ---
**Author:** ![khlinten\_demelash](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/khlinten_demelash/32/115378_2.png) [@khlinten\_demelash](https://discuss.elastic.co/u/khlinten_demelash)\ **Post date:** [January 2, 2023, 7:29am UTC](https://discuss.elastic.co/t/how-to-fetch-data-from-elasticseach-and-display-in-react-using-apis/322197/5 "2023-01-02T07:29:09Z")
Okay, please forward my question to someone who is an expert on React. Please Stephen ---
**Author:** ![stephenb](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/stephenb/32/40856_2.png) [@stephenb](https://discuss.elastic.co/u/stephenb)\ **Post date:** [January 2, 2023, 7:37am UTC](https://discuss.elastic.co/t/how-to-fetch-data-from-elasticseach-and-display-in-react-using-apis/322197/6 "2023-01-02T07:37:59Z")
It does not work that way... We will see if someone else answers... But really it is not an Elasticsearch question... It's a JSON react question... I did a quick search > **[A React Data Grid Template Powered By ElasticSearch](https://medium.appbase.io/a-react-data-grid-template-powered-by-elasticsearch-a-react-data-grid-template-powered-by-10b21609b67b)** > > A scalable React based data grid template that is powered by an ElasticSearch backend. And read about how we built it. I would suggest you do the same ... ---
**Author:** ![khlinten\_demelash](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/khlinten_demelash/32/115378_2.png) [@khlinten\_demelash](https://discuss.elastic.co/u/khlinten_demelash)\ **Post date:** [January 2, 2023, 7:50am UTC](https://discuss.elastic.co/t/how-to-fetch-data-from-elasticseach-and-display-in-react-using-apis/322197/7 "2023-01-02T07:50:24Z")
Okay, Thanks Steph. I was stressed. You are right, I have already fetched data from Elastic. ---
**Author:** ![khlinten\_demelash](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/khlinten_demelash/32/115378_2.png) [@khlinten\_demelash](https://discuss.elastic.co/u/khlinten_demelash)\ **Post date:** [January 2, 2023, 7:53am UTC](https://discuss.elastic.co/t/how-to-fetch-data-from-elasticseach-and-display-in-react-using-apis/322197/8 "2023-01-02T07:53:26Z")
Sorry Stephen, but how can i get the code? or This "[https://youthful-shockley-cfbba8.netlify.app/](https://youthful-shockley-cfbba8.netlify.app/)" is really what I want ---
**Author:** ![stephenb](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/stephenb/32/40856_2.png) [@stephenb](https://discuss.elastic.co/u/stephenb)\ **Post date:** [January 2, 2023, 8:03am UTC](https://discuss.elastic.co/t/how-to-fetch-data-from-elasticseach-and-display-in-react-using-apis/322197/9 "2023-01-02T08:03:47Z")
I don't know...That was just a suggestion ... I just did a quick search ..Let's see if someone else will answer... But again it's not really an Elasticsearch question/ issue.. I just did a quick search perhaps this is better [https://www.google.com/search?q=json+to+react++datatable](https://www.google.com/search?q=json+to+react++datatable) ---
**Author:** ![system](https://us1.discourse-cdn.com/elastic/original/3X/1/a/1ac57faf039f6b580b3f104ef42a2a89e41014de.png) [@system](https://discuss.elastic.co/u/system)\ **Post date:** [January 30, 2023, 8:04am UTC](https://discuss.elastic.co/t/how-to-fetch-data-from-elasticseach-and-display-in-react-using-apis/322197/10 "2023-01-30T08:04:45Z")
This topic was automatically closed 28 days after the last reply. New replies are no longer allowed.