javascript - 如何在 React js 中增加 .map() 中的变量

Question

我有一个 react 代码，它获取所有评估年份并填充到下拉列表中，但在显示时我想将它递增 1

假设评估年份是 2020 年，我想在下拉列表中显示为 FY:2020-2021

当我尝试递增它时，下面的代码会填充到下拉列表中，它会附加 1 而不是添加 1

   <select 
      class="form-control"  
      name="selected_FY"
      value="selected_FY" >

     {
         this.state.assessmentyears.map((fin, key) =>{
         return (  
          <option key={key} value={fin.year}>FY: {fin.year}-{fin.year+1}</option> 
          )
          })
       }                                  
 </select> 

Answer 1

问题是您要将“1”添加到字符串值。你应该在递增之前解析它。

<select 
      class="form-control"  
      name="selected_FY"
      value="selected_FY" >

     {
         this.state.assessmentyears.map((fin, key) =>{
         return (  
          <option key={key} value={fin.year}>FY: {fin.year}-{Number(fin.year)+1}</option> 
          )
          })
       }                                  
 </select>