仅在react from firebase中数组的第n个值等于true时显示第n条注释

Question

<div class="container card">
<p>{individualProduct.user_comments.map((eachComment) => (
<h1 className='comment'> {eachComment} </h1>
))}</p>
</div>

通过这样做，我只是在use_comments数组中打印每个值，然而，我的目标是通过ucomments_is_approved循环，一旦例如ucomments_is_approved[3] == true，那么我应该显示user_comments[3]，我已经链接了下面我的数据库的截图，使它更容易，我是新的javascript因此我认为它很简单，但我不能弄清楚，任何帮助都会很好。

我有一个给定的数组ucomments_is_approved =[true,false,false,true]和另一个数组comments_users = ["good"，"bad"， "verybad"，"recommended"]我要做的是只显示comments_users当ucomments_is_approved为真所以我应该只显示"good"one_answers";recommended"在本例中

FIREBASE数据库图片显示UCOMMENTS_IS_APPROVED和USER_COMMENTS

Answer 1

<div class="container card">
<p>{individualProduct.user_comments.map((eachComment, i) => {
ucomments_is_approved[i] ? (
<h1 className='comment'> {eachComment} </h1>
): null

})}</p>
</div>