switch语句不改变为不同的变量

Question

我有以下代码：

：

refreshTableOnTabChange(selectedIndex) { 
     console.log("inside refreshTableOnTabChange"); 
     let level = ''; 
    // if (selectedIndex == 1){ 
    //  this.setState({level: 'day'}) 
    //  this.setState({tabIndex: 1}) 
    //  level = 'day'; 
    // } 
    // else if (selectedIndex == 2) { 
    //  this.setState({level: 'hour'}) 
    //  this.setState({tabIndex: 2}) 
    //  level = 'hour'; 
    // } 
    // else if (selectedIndex == 3) { 
    //  this.setState({level: 'minute'}) 
    //  this.setState({tabIndex: 3}) 
    //  level = 'minute'; 
    // } 
     console.log(selectedIndex); 
     switch (selectedIndex) { 
      case 1: 
      level = 'day'; 
      case 2: 
      level = 'hour'; 
      case 3: 
      level = 'minute'; 
     } 
     console.log(level); 
     this.setState({tabIndex: selectedIndex, level: level}); 

以下https://www.w3schools.com/js/js_switch.asp

我得到一个奇怪的结果，在每一次它去分钟后

Answer 1

您应该在每个案例的结尾处明确使用语句break。 JavaScript中的Switch语句有一个下降的行为。由于这是规定更正式here：每个case标签相关

可选break语句确保 该程序跳出开关一次匹配的说法是 执行，并在下面的开关语句继续执行。 如果 休息省略，该程序在switch语句中的下一个 声明将继续执行

所以，你必须改变你切换，如下声明IKE：

switch (selectedIndex) { 
    case 1: 
     level = 'day'; 
     break; 
    case 2: 
     level = 'hour'; 
     break; 
    case 3: 
     level = 'minute'; 
     break; 
}