javascript - memaparkan kandungan yang berbeza berdasarkan data yang berbeza

Question

Rancangan saya tidak tetap, bagaimana saya harus menulisnya

planCount==1; Tunjukkan tahap satu
planCount==2;

Answer 1

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

Answer 2

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

Jika anda ingin menukar nombor ke dalam bahasa Cina, pemprosesan tambahan diperlukan Jika tidak melebihi 10, anda boleh melakukan ini

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