javascript - 如果React中变量==某物，如何为元素分配一个类？

我是React的新手，之前曾在Angular工作过。
在Angular中，根据这样的变量来分配一些类尽可能简单:

<p ng-class="{warning: warningLevel==3, critical: warningLevel==5}">Mars attacks!</p>

我该如何在React模板中做类似的事情？

最佳答案

classSet的替代方法通常是使用简单的对象查找。

var levelToClass = {
  "3": "warning",
  "5": "critical"
};

// ...
render: function(){
  var level = levelToClass[this.props.warningLevel] || "";
  return <p className={"message " + level}>Test</p>
}

或在某些情况下是三元:

render: function(){
  var level = this.props.warningLevel === 3 ? "warning"
            : this.props.warningLevel === 5 ? "critical"
            : "";
  return <p className={"message " + level}>Test</p>
}