Reactjs 如何显示图像？

我不能显示图像，我可以

const imgUrl = companyList.find(i => i.id === items.companyId).imgUrl;

创建块后，将显示所需的图片，但值得更新页面，因为

所有内容通常都会添加到数据库中，应该可以正常工作。。。 在我的另一个文件中，我使用了完全相同的方法，并且一切都正常，但是由于某些原因，没有

const getInvoiceList = () => {
    return invoiceList.map(items => {
        const imgUrl = companyList.find(i => i.id === items.companyId).imgUrl;
        return (
                <div key={items.id} className="invoice__card">
                    <div className="card__data">
                        <p>{items.invoice}</p>
                        <i onClick={() => onVisibleDetails(items.id)}><FiMoreHorizontal /></i>
                    </div>
                    <div className="card__body">

                    <div className="invoice__order">
                            <p>Оплатил</p>
                            <img src={imgUrl} alt="logo" />
                        </div>

                        <div className="invoice__order">
                            <h3>$2.400</h3>
                            <p>Сумма</p>
                        </div>

                        <div className="invoice__date">
                            <h3>30.01.2020</h3>
                            <p>Дата оплаты</p>
                        </div>
                    </div>
                </div>
        );
    });
};

<div className="invoice__card-wrapper">
    {invoiceList.length !== 0 ? getInvoiceList() : "Nety"}
</div>

const getInvoiceList=（）=>{
返回invoiceList.map（项目=>{
const imgUrl=companyList.find（i=>i.id==items.companyId）.imgUrl；
返回(
{items.invoice}

onVisibleDetails（items.id）}>
öПааа

$2.400
ССМа

30.01.2020
ааааааааааа

);
});
};
{invoiceList.length！==0？getInvoiceList（）：“Nety”}

看起来您的数据不完整，或者结构与您试图访问它的方式不匹配。发生错误

无法读取属性“imgUrl”

，因为

find（）

方法调用未找到对象，因此未定义

imgUrl

属性

这将防止错误发生：

const imgUrl=（companyList.find（i=>i.id==items.companyId）|{}）；

---

如果您想添加有关

公司列表的来源的更多信息，我们可以更接近于答案。
什么是|{}？这是我的数据库，一切正常。。。