REACT - Switch case 语句中断

Question

我确定这很愚蠢，我几乎没有醒来，而且我的大脑似乎没有在正确的水平上运作。

我正在做反应，我正在尝试使这个 switch 语句工作，但它弹出以下错误：预期一个赋值或函数调用，而是看到一个表达式（第 30 行 - 我将突出显示线是）。我需要一个 iframe 弹出窗口，但它似乎不起作用。我尝试创建一个函数并改为调用该函数，仍然是同样的错误。

const HandleOnClick = example => {
    if (example ) {
      if (example.assets.length > 10) {
           //Not implemented yet
      } else {
        switch (example.assets[0].type) {
          case "link":
            window.open(example.assets[0].url);
            break;
          case "document":
             <iframe src={example.assets[0].url} title="title"> //THIS IS LINE 30 WHERE IT BREAKS
          </iframe>
            break;
          case "video":
            //Not implemented

            break;
          default:
            break;
        }
      }
    } else {
     ................

Answer 1

尝试使用状态值来确定 iframe 是否显示：

          case "link":
            window.open(example.assets[0].url);
            break;
          case "document":
             this.setState({ iframeUrl: example.assets[0].url }) // whatever you want to call it
            break;
          case "video":
            //Not implemented

            break;
          default:
            break;
        }

然后在您的代码中：

{this.state.iframeUrl && (
  <iframe src={this.state.iframeUrl} title="title">
  </iframe>
)}