javascript(React)で多次元配列のHTML化をループで表示する

Question

const result = [
	{
		hoge:{
			"aa", "bb"
		};
		price: {
			"$1", "$2"
		};
	},
]

上記の1つの配列があった際に、下記のようにReactで展開できるようにする方法が調べても分からなくて
ご教示頂けたら幸いです。

return (
	<>
	<div>
		<p>aa</p>
		<p>$1</p>
	</div>
	<div>
		<p>bb</p>
		<p>$2</p>
	</div>
)

Answer 1

ご教示頂けたら幸いです。

ほな、教えたるねん。まず質問にある

const result = [
    {
        hoge:{
            "aa", "bb"
        };
        price: {
            "$1", "$2"
        };
    },
]

ゆうんが、そもそもJavaScriptの文法として正しくないゆうエラー（SyntaxError）になりますわ。