React:当 .map 函数的值与字符串值匹配时,如何 return 带有按钮的 table

React: how to return a table with a button, when the value of the .map function matches a string value

我有一个包含某些属性的 SPARQL 查询。我想 return 一个 table 具有这些属性,我可以向每个值添加超链接以重定向到特定页面。特别是,当 .map 函数的值与字符串“http://linkedbuildingdata.net/ifc/resources20201208_005325/”匹配时,我想执行此操作。下面是我的代码。

const QueryTable = ({guidList}) => {
    const { context, setContext } = useContext(AppContext); 
    const isString ='https://LINKEDBUILDINGDATA.NET/IFC/RESOURCES20201208_005325/CPASensor_11NR008TE_001CPA'
    return (
        <div>
            QueryTable 
            <tbody>
            {guidList && guidList.length > 0 && guidList.map((myguids, key) => {
                console.log(myguids, key)
                return [(
                    <React.Fragment>
                            <tr key={key}>
                                <td>property: <Button>{myguids.guid}</Button></td>
                            </tr>
                    </React.Fragment>
                )]
            })}
            </tbody>
        </div>
        )
}

导出默认查询表

这是我控制台记录项目时的样子。

试试:

guidList && guidList.length > 0 && guidList.map((myguids, key) => {
    return (
        <tr key={key}>
            <td>property: {myguids.guid === isString ? <Button>{myguids.guid}</Button> : myguids.guid}</td>
        </tr>
    );
});