Javascript 嵌套三元运算符的替代方案? {isPage( hasHtml( ) : (

Javascript 嵌套三元运算符的替代方案? {isPage( hasHtml( ) : (,javascript,reactjs,operators,Javascript,Reactjs,Operators,此页面没有html ) ) : ( )} 此代码块具有嵌套的三元运算符?有没有其他方法可以让我不必重复iframe代码块部分两次?这一部分似乎是多余的。感谢如其中一条评论所建议: {isPage ? ( hasHtml? ( <iframe src="about:blank" title="pages" frameBorder="0" scrolling="no"

此页面没有html

) ) : ( )}
此代码块具有嵌套的三元运算符?有没有其他方法可以让我不必重复iframe代码块部分两次?这一部分似乎是多余的。感谢

如其中一条评论所建议:

{isPage ? (
      hasHtml? (
        <iframe
          src="about:blank"
          title="pages"
          frameBorder="0"
          scrolling="no"
        />
      ) : (
        <p>This page has no html</p>
      )
    ) : (
      <iframe
        src="about:blank"
        title="pages"
        frameBorder="0"
        scrolling="no"
      />
    )}
{isPage&&!hasHtml(
此页面没有html

) : ( )}
(iPage&!hasHtml) …

?您可以为iframe代码创建一个新组件。组件是独立的、可重用的代码位。
   {isPage && !hasHtml? (
      <p>This page has no html</p>
    ) : (
      <iframe
        src="about:blank"
        title="pages"
        frameBorder="0"
        scrolling="no"
      />
    )}