React JSX array.map() 无法读取数据。不明确的

【问题标题】：React JSX array.map() cannot read data. undefinedReact JSX array.map() 无法读取数据。不明确的
【发布时间】：2021-08-12 20:12:56
【问题描述】：

我得到了道具数组“标签”

数组“标签”是：

我想使用 JSX 和 array.map() 渲染这个数组

                        {/* [undefined, undefined, ... ] */} 
                        {tags.map((tag) => {   
                            console.log(tag.tag); // it's okay. printed well tag.tag
                            <p1>{tag.tag}</p1>    // it's not okay. tag.tag is undefined.  
                        })}                 
                        {/* it's okay */}          
                        <p1>{tags[0].tag}</p1>

什么问题..？ T_T

【问题讨论】：

标签： reactjs jsx

【解决方案1】：

这是因为您的地图没有返回任何内容。您需要从地图返回您的 JSX。将上述代码改写如下：

{tags.map((tag) => {   
    console.log(tag.tag); // it's okay. printed well tag.tag
    return (<p1>{tag.tag}</p1>)   
 })}

【讨论】：