Switch语句中的意外令牌`switch'

Question

我从以下代码中获得了意外的令牌switch错误：

const bodyelements = () => (
    body.map(item => (
      switch (item?.typename) {
        case 'ArticleBodyText':
          return <TextBlock dangerouslySetInnerHTML={{ __html: item?.primary?.[0].text }} />
        case 'ArticleBodyImage':
          return <ArticleBodyImage item={item} />
        default:
          break;
      )}
  )

我已经尝试在Stackoverflow上查看错误，但是我看到的修复程序并不适用于我的代码。有人知道怎么了吗？

编辑：

我将其更改为此

const bodyelements = () => {
    body.map(item => (
      switch (item?.__typename) {
        case 'ArticleBodyText':
          return <TextBlock dangerouslySetInnerHTML={{ __html: item?.primary?.[0].text }} />
          break;
        case 'ArticleBodyImage':
          return <ArticleBodyImage item={item} />
          break;
        default:
          break;
      )}
      }

，但我仍然遇到相同的错误

Answer 1

短函数语法有两个替代方法：

1. 使用表达式并返回其结果：

    （）=＆gt; （some_expression_with_a_result）
    

2. 使用一个或多个语句的块：

    （）=＆gt; {statement1;语句2}
    

switch是一个语句，因此您需要使用块变体。

Answer 2

您在代码中遇到了这些问题，

• 如果您要渲染，则必须返回一些内容。
• 您的开关语句应包含在块引号中。
• 您应该添加地图中项目的返回语句。

尝试一下

const bodyelements = () => {
    return ['ArticleBodyText', 'ArticleBodyImage'].map(item => {
        switch (item) {
            case 'ArticleBodyText':
                return <div>1</div>;
            case 'ArticleBodyImage':
                return <div>2</div>;
            default:
                return null;
        }
    })
}