如何使用switch渲染元素？

Question

我要渲染TextField取决于参数值。 因此，当用户单击“香蕉”类型但不显示文本字段时，控制台可以正常工作。 有什么主意吗？

  const renderSwitch = (p :string) => {
    switch (p) {
      case 'banana':
       console.log('tthis is bannana')
        return <TextField />;
       case 'apple':
       console.log('tthis is apple')
        return <TextField />;

      default:
        return <Button>TEST</Button>;
    }
  };

      <Grid pt={3} />

              {data.info&&
                Object.values(data.info).forEach(x=> {
                  return renderSwitch(x.type);
                })}

              <Grid  pt={6} />