当前位置：网站首页>策略模式代替if-else

策略模式代替if-else

2022-07-17 04:10:00 【鳕鱼＆羚羊】

采用key-value的形式替换繁琐的if-else (高端大气上档次)

if-else或switch写法：

// if-else
const onTabChange = (key: string) => {
    
    if(key=="home") setTabContent(<Home />)
    else if(key=="search") setTabContent(<Search />)
    else if(key=="article") setTabContent(<Article />)
    else if(key=="video") setTabContent(<Video />)
  }

// switch
const onTabChange = (key: string) => {
    
	switch (key) {
    
	    case "home":
	        setTabContent(<Home />);
	        break;
	    case "search":
	        setTabContent(<Search />);
	        break;
   	    case "article":
	        setTabContent(<Article />);
	        break;
   	    case "video":
	        setTabContent(<Video />);
	        break;
	    default:
	    	return false;
	        break;
}

策略模式改造：

const onTabChange = (key: string) => {
    
    const tab = {
    
      "home": <Home />,
      "search": <Search />,
      "article": <Article />,
      "video": <Video />,
    }
    setTabContent(tab[key]);
  }
原网站

版权声明
本文为[鳕鱼＆羚羊]所创，转载请带上原文链接，感谢
https://blog.csdn.net/Y1_1Y1_1y1_1y/article/details/125795059

边栏推荐

猜你喜欢

随机推荐