Question

我的回报中有三反应。我需要使用导入的组件显示动态文本。如果我一个接一个地使用;好的！但是当他们一起使用时我会得到错误。我错了什么？我该怎么办？

return (
  ...
  <div className="ini-dialog-content">
   { this.state.dialog_handShaking && 
      (txt.credentialcheck.msg).replace('$$', this.state.clientnet.mac)
      <CircularProgress className={classes.progress} style={{ color: purple[500] }} thickness={1} />
   }
  ...
  </div>
)

Answer 1

您没有使用三元但是逻辑AND运算符（但它适用于两者）。运算符必须后跟表达式，在您的情况下，只有replace语句的第一行。你需要用一个元素包装它：

{ this.state.dialog_handShaking && 
  <div>
    (txt.credentialcheck.msg).replace('$$', this.state.clientnet.mac)
    <CircularProgress className={classes.progress} style={{ color: purple[500] }} thickness={1} />
  </div>
}

或者更好的反应fragment：

{ this.state.dialog_handShaking && 
  <React.Fragment>
    (txt.credentialcheck.msg).replace('$$', this.state.clientnet.mac)
    <CircularProgress className={classes.progress} style={{ color: purple[500] }} thickness={1} />
  </React.Fragment>
}

显示React动态文本+组件

1 个答案: