如何在反应中在地图上显示来自图像UR1的图像

Question

我正在构建的React应用需要帮助。我使用地图显示Firestore中文档的所有属性。这是我的地图：

    const getdata = Object.entries(myData)
    .map(pair => {
        const key = pair[0]
        const value = pair[1]
        return (
            <div className="card z-depth-2">
                <div className="card-content">
                    <div className="thisClass">
                    <h5>{key}</h5>
                    </div>
                    <p>{value}</p>
                </div>
            </div>
        )
    })

某些键的值：值对是照片URL。我想检查URL的映射，而不是将它们作为字符串显示在p标签中，而不是将其传递给img标签中以显示实际图像。

当我在映射内对值进行“ if”检查时，出现错误，表明字符串为空。有人知道怎么做吗？

这是我的if支票：

        const key = pair[0]
        const value = pair[1]

        var someData = value
        var url = someData.slice(0, 4)
        if(url === 'https'){
            return(
                <img src={url} />
            )
        }else {

            return (
                <div className="card z-depth-2">
                    <div className="card-content">
                        <div className="handover-data">
                        <h5>{key}</h5>
                        </div>
                        <p>{value}</p>
                    </div>
                </div>
            )
        }

我收到错误TypeError：无法读取null的属性“ slice”

谢谢。