在这种情况下如何使用地图而不是switch

Question

我希望这是映射而不是对案例进行硬编码

const wCategory = () => {
        switch (categoryhovered) {
            case 1:
                return <SalePriceCtg />
            case 2:
                return <ArticlesCtg />
            default:
                return <div>smth3</div>
        }
    }

我无法绘制案例，所以我正在寻找更好的方法来做到这一点

Answer 1

这里有一种使用对象代替 switch 语句的方法：

const wCategory = () => {
    const categories = {
        1: <SalePriceCtg />,
        2: <ArticlesCtg />,
        default: <div>smth3</div>
    };

    return categories[categoryhovered] || categories.default;
};