acessing JSON in JavaScript to get the value of a particular key
<ul>
<li>I am trying to get the key and <code>_html</code> value in JS</li>
<li>Can you tell me how to access it?</li>
<li>Right now I am getting only the below value </li>
</ul>

<p>sportsTitle-----></p>

<pre><code>[{
    "type": "p",
    "key": "100",
    "ref": null,
    "props": {
        "dangerouslySetInnerHTML" : {
            "__html": "hello world"
        }
    },
    "_owner": null,
    "_store": {}
}]
</code></pre>

<p><strong>providing my code below</strong></p>

<pre><code>let sportsTitle = renderedElement.props.children;
console.log("sportsTitle-----&gt;" + JSON.stringify(sportsTitle));
</code></pre>

<p><strong>JSON structure</strong>
renderedElement-----> </p>

<pre><code>{
    "type": "div",
    "key": null,
    "ref": null,
    "props": {
        "className": "sports-page",
        "children": [
            {
                "type": "p",
                "key": "100",
                "ref": null,
                "props": {
                    "dangerouslySetInnerHTML": {
                        "__html": "hello world"
                    }
                },
                "_owner": null,
                "_store": {}
            }, 
            {
                "type": "p",
                "key": "200",
                "ref": null,
                "props": {
                    "dangerouslySetInnerHTML": {
                    "__html": "hello world2"
                }
            },
            "_owner": null,
            "_store": {}
        }]
    },
    "_owner": null,
    "_store": {}
}
</code></pre>