如何在地图函数中使用排序函数？我想按升序对文件名进行排序

Question

这部分代码显示文件名。我想现在按升序对文件名进行排序如何做到这一点

{
                    allFileVersions.map((eachVersion)=> {
                        return(
                            <div className = "d-flex">
                                <div className = "">version:</div>
                                <div className = "">{eachVersion.FileName}</div>
                            </div>
                        );
                    })    
                }

Answer 1

在使用 map 生成节点之前，您应该根据 FileName 对文件进行排序。

 allFileVersions.sort((a,b) => a.FileName.localeCompare(b.FileName));

 {
   allFileVersions.map((eachVersion)=> {
      return(
        <div className = "d-flex">
          <div className = "">version:</div>
          <div className = "">{eachVersion.FileName}</div>
        </div>
      );
    })    
 }