二维数组数据动态组合

const list = [{
    port: ["a","b"],
    supplier: ["c","d"],
    carrir: ["e","f"],
    name: "222"
}]

['ace222,ade222,acf222,adf222,bce222,bde222,bcf222,bdf222]

const setArray = (data) => {
return data.reduce((items, index) => {
if (!Array.isArray(items) || !Array.isArray(index)) {
return
        }
if (items.length === 0) {
return index
        }
if (index.length === 0) {
return items
        }
const temp = []
        items.forEach(val => {
            index.forEach(item => {
                temp.push(<code class="kb-btn">${val}${item}</code>)
            })
        })
return temp
    }, [])
}
const arr = []
list.map((r) => {
Object.keys(r).map((item) => {
        arr.push(typeof r[item] === "string" ? r[item].split(",") : r[item])
    })
})
console.log(setArray(arr))