title: How can I display data from Firebase database?
body: <p>In the application, you can add your bank to the Firebase database. When you click on the &quot;Add Bank&quot; button, the bank is saved to the database. I need to display cards with added banks on the screen. How can i do this? Now I am reading data from the database and it comes in the form of an object:</p>
  <p><a href="https://i.stack.imgur.com/8anwh.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/8anwh.png" alt="enter image description here" /></a></p>
  <p>Code for read data:</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>const getBanksFunc = () =&gt; {
    const bankRef = ref(database, "banks/");
    onValue(bankRef, (snapshot) =&gt; {
      const data = snapshot.val();
    });
  };</code></pre>
  </div>
  </div>
  </p>