將兩個返回語句合二為一

Question

我有以下代碼：

 const Test = obj && obj.length > 0 && obj.map((myguids2, key) => {
    const url2 = myguids2.predicatList.map(mypredicats => {
        const url = mypredicats.p
        var arr = url.split('/')[3]
        return ( 
                            <div>{arr}</div>
                )
    })
    const content = myguids2.guidList.map((myqueriedguids, key) => {
        return (
            <tr>
                 <td>{myqueriedguids.guid.includes('http://linkedbuildingdata.net/ifc/resources20201208_005325/') ? <MyPopUp myproperties={guidList} myguidnames={myqueriedguids.guid}>{myqueriedguids.guid}</MyPopUp> : myqueriedguids.guid}</td>
            </tr>
            )
    })
    return content

})

我想將來自 url2 的 output 與來自內容的 output 組合成一個兩列表，其中 url2 在左表列中，內容在右表中

有沒有辦法以這種方式構造 function？

Answer 1

只需返回 object

const Test = obj && obj.length > 0 && obj.map((myguids2, key) => {
        const url2 = myguids2.predicatList.map(mypredicats => {
            const url = mypredicats.p
            var arr = url.split('/')[3]
            return ( 
                                <div>{arr}</div>
                    )
        })
        const content = myguids2.guidList.map((myqueriedguids, key) => {
            return (
                <tr>
                     <td>{myqueriedguids.guid.includes('http://linkedbuildingdata.net/ifc/resources20201208_005325/') ? <MyPopUp myproperties={guidList} myguidnames={myqueriedguids.guid}>{myqueriedguids.guid}</MyPopUp> : myqueriedguids.guid}</td>
                </tr>
                )
        })
        return { content, url2  }
    
    })

然后您可以通過以下方式訪問屬性

Test.content或Test.url2

Answer 2

因此，目前最好的方法是將 Const Test 拆分為兩個變量，一個包含 url2，一個包含內容。 使用返回語句我設法把 {url2}: {Test} 獲得兩列 output