动态生成 JSX答案

【问题标题】：Dynamically generate JSX动态生成 JSX
【发布时间】：2018-06-11 11:19:24
【问题描述】：

我想在 JSX 中呈现一个禁用的按钮，如下所示：

render: function() {
return (<button type="button" disabled>Click Me!</button>);
}

上面的代码工作正常。但是当我这样尝试时：

render: function() {
var Reo = 'disabled';
return (<button type="button" {Reo}>Click Me!</button>);
}

它给出了意外的令牌错误。请解释为什么会这样。

有没有办法动态生成 JSX。例如像连接：

'<button type="button" ' + Reo + '>Click Me!</button>'

【问题讨论】：

标签： reactjs jsx

【解决方案1】：

render: function() {
  var Reo = "disabled";

  return (<button type="button" disabled={Reo === "disabled"}>Click Me!</button>);
}

按钮上的disabled 属性定义为布尔值。这意味着您可以进行任何布尔检查来设置值。

【讨论】：