根据不同数据显示不同内容

Question

我的planCount，是不固定的，我应该怎样写比如

planCount==1; 显示 一级
planCount==2; 显示 二级
planCount==3; 显示 三级

Answer 1

{this.props.data.planCount === 1 ? "一级" : (this.props.data.planCount === 2 ? "二级" : "三级")}

Answer 2

<td className="width-w-10">{this.props.data.planCount}级</td>

如果要将数字转化成中文就需要额外处理了 不超过10的话可以这样

const level = ['一', '二', '三', '四', '五', '六', '七', '八', '九', '十']
<td className="width-w-10">{level[this.props.data.planCount - 1]}级</td>