# How to display or show result from storage in Forge

**URL:** <https://community.developer.atlassian.com/t/how-to-display-or-show-result-from-storage-in-forge/51379>\
**Category:** Forge\
**Tags:** forge-storage\
**Created:** [August 27, 2021, 3:58am UTC](https://community.developer.atlassian.com/t/how-to-display-or-show-result-from-storage-in-forge/51379 "2021-08-27T03:58:32Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![EsedoFredrick](https://avatars.discourse-cdn.com/v4/letter/e/a87d85/32.png) [@EsedoFredrick](https://community.developer.atlassian.com/u/EsedoFredrick)\
**Post date:** [August 27, 2021, 3:58am UTC](https://community.developer.atlassian.com/t/how-to-display-or-show-result-from-storage-in-forge/51379/1 "2021-08-27T03:58:32Z")

</div>

Please I need Urgent help. I save data to Storage as follows.

```auto
await storage.set('key1', {name: 'rahul', email: 'rahul@gmail.com' });
await storage.set('key1', {name: 'vasu', email: 'vasu@gmail.com' });

```

**Here is my Issue.**

Please how do I loop or map through the Stored data and render/displayed them within the Fragment components Eg. here

```auto
 <Fragment>
	
// Map the stored data here
      <Text>Display Records from storage</Text>
      
  </Fragment>

```

**This is my coding so far. can someone help me with a working code please**

```auto

import api, { route } from "@forge/api";
import ForgeUI, { render, Fragment, Text, IssuePanel, useProductContext, useState, Component} from "@forge/ui";
import { storage, fetch } from '@forge/api';

const App = () => {	 

await storage.set('key1', {name: 'rahul', email: 'rahul@gmail.com' });
await storage.set('key1', {name: 'vasu', email: 'vasu@gmail.com' });
const result = await storage.get('key1');
return result;
	   

  return (
    <Fragment>
	
// Map the stored data here
      <Text>Display Records from storage</Text>
      
  </Fragment>
  );
};

export const run = render(
  <IssuePanel>
    <App />
  </IssuePanel>
);

```

Thanks

---

<div class="post-metadata">

**Author:** ![nhac.tat.nguyen](https://sea1.discourse-cdn.com/atlassiandeveloper/user_avatar/community.developer.atlassian.com/nhac.tat.nguyen/32/39032_2.png) [@nhac.tat.nguyen](https://community.developer.atlassian.com/u/nhac.tat.nguyen)\
**Post date:** [August 27, 2021, 8:42am UTC](https://community.developer.atlassian.com/t/how-to-display-or-show-result-from-storage-in-forge/51379/2 "2021-08-27T08:42:09Z")

</div>

You can query the storage.

```auto
const queryResults = await storage
  .query()
  .where('key', startsWith('key'))
  .getMany();

```

[https://developer.atlassian.com/platform/forge/runtime-reference/storage-api-query/](https://developer.atlassian.com/platform/forge/runtime-reference/storage-api-query/)

Edited:  
I think you are doing it wrong somehow. Here you are using the same key “key1” for two users. The forge storage will override the first user, means you save the user “rahul” first, then replace it with “vasu”.

```auto
await storage.set('key1', {name: 'rahul', email: 'rahul@gmail.com' });
await storage.set('key1', {name: 'vasu', email: 'vasu@gmail.com' });

```

I suggest that you build up the key based on the username, for example `users#rahul`, `users#vasu`, then you can query using `.where('key', startsWith('users#'))`