地图数组功能不显示内容

时间:2019-07-17 14:38:34

标签: reactjs react-router-v4

根据我从试用中学到的信息,如果在映射数组方法周围有条件,则需要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>
        );
    })}

此外,该代码段上方还提供了所有必需的代码。

1 个答案:

答案 0 :(得分:1)

在2种情况下,您不显示任何数据

1-它永远不会到达.map

也许match && match.params.invoiceNum === undefined永远不是真实的,而您永远也不会到达.map

2-{{​​1}}是一个空数组

如果invoices是一个空数组(invoices),则[]将永远不会运行,也不会显示任何数据。

.map中进行一些console.log,以确保它不是一个空数组。