Javascript JS函数结果未呈现

我试图呈现函数

renderiverticalcards

的结果，但除了外部

divs

（来自函数调用外部的divs）之外，DOM中不会返回任何内容。我已经通过控制台确认函数正在被调用，所以我猜我的问题与我使用的花括号有关，但我还没有找到解决方案。有什么建议吗

    view({ attrs }) {

        console.log("In view", attrs);
        console.log(attrs);
        
        const renderVerticalCards = (cards) => {
            console.log("in function")
            return(
                cards.map(card => {
                <div class="mdc-layout-grid__cell mdc-layout-grid__cell--span-4-phone mdc-layout-grid__cell--span-3-tablet mdc-layout-grid__cell--span-4-desktop process-card">
                    <div class="process-card__number-container">
                        <div class="process-card__number-container__circle">
                            <div class="process-card__number-container__circle process-card__number-container__circle__number"> {card.Number} </div>
                        </div>
                    </div>
                    <div class=".tk-typography--title-md process-card__title"> {card.Title} </div>
                    <div class="mdc-typography--body preserve-linebreaks process-card__text"> {card.ContentText} </div>
                    <a class="mdc-button process-card__link" href={card.Link}> {card.LinkText} </a>  
                </div>
                })
            )
        }

        return (
            <div class="mdc-layout-grid" style="padding-top:0">
                <div class="mdc-layout-grid__inner">
                { renderVerticalCards(this.cards) }
                </div>
            </div>
        )
    }

视图（{attrs}）{
console.log（“视图中”，attrs）；
控制台日志（attrs）；
常量RenderTicalCards=（卡片）=>{
console.log（“登录功能”）
返回(
cards.map（card=>{
{卡号}
{card.Title}
{card.ContentText}
})
)
}
返回(
{renderTicalCards（this.cards）}
)
}

试试：

cards.map（卡=>{
返回(
{卡号}
{card.Title}
{card.ContentText}
);
})

map函数不会返回任何内容。@guycongnito Brilliant，这一点现在很明显，但我完全看不见。谢谢

cards.map(card => {
return (
                    <div class="mdc-layout-grid__cell mdc-layout-grid__cell--span-4-phone mdc-layout-grid__cell--span-3-tablet mdc-layout-grid__cell--span-4-desktop process-card">
                        <div class="process-card__number-container">
                            <div class="process-card__number-container__circle">
                                <div class="process-card__number-container__circle process-card__number-container__circle__number"> {card.Number} </div>
                            </div>
                        </div>
                        <div class=".tk-typography--title-md process-card__title"> {card.Title} </div>
                        <div class="mdc-typography--body preserve-linebreaks process-card__text"> {card.ContentText} </div>
                        <a class="mdc-button process-card__link" href={card.Link}> {card.LinkText} </a>  
                    </div>
);
                    })