javascript - 如何使用 do 语法编写 switch 语句？

Question

从语法上讲，我如何使用 do expressions 编写 switch 语句？ ？

例如这个:

<div>
{do{
    switch(foo) {
      case 'a':
          <Bar/>
        case 'b':
          <Baz/>
    }
}}
</div>

结果为

'use strict';

React.createElement(
  'div',
  null,
  function () {
    switch (foo) {
      case 'a':
        React.createElement(Bar, null);
      case 'b':
        React.createElement(Baz, null);
    }
  }()
);

REPL

请注意输出中缺少 return——也就是说，它是无用的。 Babel 不会让我向源添加返回。甚至可以在 do 表达式中使用 switches 吗？

Answer 1

这不起作用可能是因为 switch 不是表达式(但 if 也不是，所以我不知道，这可能只是 Babel 中的一个错误).一个解决方法是将值分配给某个变量并将其放在 do block 的和处(记住也要添加 break):

<div>
{do{
    let r;
    switch(foo) {
      case 'a':
          r = <Bar/>
          break;
        case 'b':
          r = <Baz/>
          break;
    }
    r;
}}
</div>