title: Why is the parameter of then() handler function wrapped in curly braces in this POST request?
body: <p>So, here's the whole request:</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-html lang-html prettyprint-override"><code>fetch(`/api/quotes?quote=${quote}&amp;person=${person}`, {
      method: 'POST',
    })
    .then(response =&gt; response.json())
    .then(({quote}) =&gt; {
      const newQuote = document.createElement('div');
      newQuote.innerHTML = `
      &lt;h3&gt;Congrats, your quote was added!&lt;/h3&gt;
      &lt;div class="quote-text"&gt;${quote.quote}&lt;/div&gt;
      &lt;div class="attribution"&gt;- ${quote.person}&lt;/div&gt;
      &lt;p&gt;Go to the &lt;a href="index.html"&gt;home page&lt;/a&gt; to request and view all quotes.&lt;/p&gt;
      `
      newQuoteContainer.appendChild(newQuote);
    });</code></pre>
  </div>
  </div>
  </p>
  <p>And this is the line I can't figure out</p>
  <pre><code>.then(({quote}) =&gt; {
  </code></pre>
  <p>Why curly braces around &quot;quote&quot; parameter? How does this work?
  The response body for this request looks like this:</p>
  <pre><code>{
    quote: {
              id: number,
              quote: 'some string',
              person: 'some string'
           }
   }
  </code></pre>