title: How to render JSON in React
body: <p>I have a JSON object of some random numbers. Initially, I get an empty object, but then it gets updated through props.</p>
  
  <pre><code>summary: {
      numbers: {"123": 45,"678": 9,"101": 11},
      other-stuff: "some other stuff"
  }
  </code></pre>
  
  <p>I want to render numbers something like this,</p>
  
  <pre><code>123 =&gt; 45
  678 =&gt; 9
  101 =&gt; 11
  </code></pre>
  
  <p>Not sure what I am doing wrong here</p>
  
  <pre><code>getNumbers() {
      if (this.props.summary.numbers) {
          return this.props.summary.numbers.map( (num, key) =&gt; {
              return &lt;p&gt;{key} =&gt; {num}&lt;/p&gt;;
          });
      } else {
          return &lt;p&gt;data is not available&lt;/p&gt;;
      }
  }
  
  public render(): JSX.Element {
      return (
          &lt;div&gt;{this.getNumbers}&lt;/div&gt;
      );
  }
  </code></pre>