我是 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>
}
关于javascript - 如果 React 中的变量 == 某物,如何将类分配给元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26165810/