reactjs - 映射数组函数不显示内容

Question

根据我从试验中了解到的情况，如果你有一个围绕 map 数组方法的条件，你需要一个 return 语句来显示结果，但如果没有条件语句，你就不需要这个。但是，我有点困惑为什么下面的地图数组方法没有显示我的内容。

{match &&
    match.params.invoiceNum === undefined &&
    invoices.map(item => {
        return (
            <ListItem key={item.id}>
                <Folder>
                    <i className='medium material-icons'>folder</i>
                </Folder>
                <Item to={`/Employer Invoices/${item.id}`}>{item.id}</Item>
            </ListItem>
        );
    })}

此外，所有需要的代码都在此代码段上方可用。

标签： reactjsreact-router-v4

Answer 1

有两种情况您不显示任何数据

1 - 它永远不会到达.map

也许match && match.params.invoiceNum === undefined永远不是真的，你永远也达不到.map。

2 -invoices是一个空数组

如果invoices是一个空数组 ( [])，.map将永远不会运行并且不会显示任何数据。

做一些console.log以invoices确保它不是一个空数组。