Javascript React三元运算符用于迭代结果数组（否则未定义），是否有其他首选方法？

我不熟悉React，我当前的代码也能正常工作，但是有没有更好的“React方式”（w/o三元）在得到结果（不返回未定义的结果）之前通过空数组进行映射

我正在为API搜索返回的每个结果呈现一张materialize卡。代码所做的不是问题，因为它与我当前的解决方案一起工作

提前谢谢

class NutritonixResultsDisplay extends Component {

render() {
    const hits = this.props.nutritionixResults.hits;
    return (
        <div className='nutritionixResultsDiv'>
            {hits
                ? hits.map((result, i) => (

                    <div key={i} className='nutritionixResultDiv'>
                        <Card className='cardDisplay' header={<CardTitle reveal  image='' waves='light'/>}
                            title={result.fields.item_name}reveal={<div><p>{`Calories: ${result.fields.nf_calories}`}</p><p>{`Protein: ${result.fields.nf_protein}`}</p></div>}> <p><a href="/">This is a link</a></p>
                            <p>{`Brand Name: ${result.fields.brand_name}`}</p>

                        </Card>
                    </div>

                ))
                : ''}
        </div>
    );
}
}
export default NutritonixResultsDisplay;

class NutritonixResultsDisplay扩展组件{
render（）{
const hits=this.props.nutritionixResults.hits；
返回(
{点击
？hits.map（（结果，i）=>(

{`Brand Name:${result.fields.Brand_Name}`}

))
: ''}
);
}
}
导出默认NutrionixResultsDisplay；

只需将

命中数

设为空数组即可

const hits = this.props.nutritionixResults.hits || [];

---

您也可以使用

| |[]

：

(hits || []).map( // ... etc. )

---

不确定问题是什么？