Javascript 如何在react中从地图上的图像URl显示图像

需要我正在构建的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>
        )
    })

const getdata=Object.entries（myData）
.map（对=>{
const key=pair[0]
常量值=对[1]
返回(
{key}
{value}

)
})

一些key:value对的值是照片URL。我想检查地图中的URL，而不是将它们作为字符串显示在p标记中，而是将它们传递到img标记中以显示实际图像

当我在映射中对值进行“if”检查时，我得到一个错误，表示字符串为null。有人知道怎么做吗

这是我的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>
            )
        }

const key=pair[0]
常量值=对[1]
var someData=值
var url=someData.slice（0,4）
如果（url=='https'）{
返回(
)
}否则{
返回(
{key}
{value}

)
}

我得到一个错误TypeError:无法读取null的属性'slice'

---

谢谢。

您如何在地图中使用if条件，能否添加该代码？如果可能的话，还有数据。你也应该提供数据和控制台记录的输出。我已经添加了错误和if条件。你如何在map中使用if条件，你能添加代码吗？如果可能的话，还应该提供数据和控制台记录的输出。我已经添加了错误和if条件