首页 > 其他分享 >react中的api获取数组排序

react中的api获取数组排序

时间:2022-12-22 12:33:56浏览次数:52  
标签:sort render react item api itemM array 排序

[javascript - Sort an array of objects in React and render them - Stack Overflow](https://stackoverflow.com/questions/43572436/sort-an-array-of-objects-in-react-and-render-them)

```

// ... rest of code

// copy your state.data to a new array and sort it by itemM in ascending order
// and then map 
const myData = [].concat(this.state.data)
    .sort((a, b) => a.itemM > b.itemM ? 1 : -1)
    .map((item, i) => 
        <div key={i}> {item.matchID} {item.timeM}{item.description}</div>
    );

// render your data here...

```

示例: 

 

标签:sort,render,react,item,api,itemM,array,排序
From: https://www.cnblogs.com/ministep/p/16998280.html

相关文章

  • 在React中使用CSS Modules
    1.为什么使用CSSModules?在React中,如果你直接在文件中引入index.css,当父组件和子孙组件的class属性相同时,那么会发生CSS样式覆盖的问题。如果解决样式覆盖的问......
  • python之调用高德、百度api解析经纬度地址
    调用高德#高德地图根据经纬度反查地址,每天只能调用5000次defgaode_excute_single_query(coordStrings,currentkey='你自己的api-key'):#1-将coordList中的经纬......
  • MyBatis的相应API与传统和代理开发的Dao层实现
    MyBatis的相应API1、SqlSession工厂构建器SqlSessionFactoryBuilder常用API:SqlSessionFactorybuild(InputStreaminputStream)通过加载mybatis的核心文件的输入流的形式构......
  • .net core web api 路由约束
    路由约束在传入URL发生匹配时执行,URL路径标记为路由值。路径约束通常检查通过路径模板关联的路径值,并对该值是否为可接受做出对/错决定。某些路由约束使用路由值以外......
  • ptrade 量化交易接口 API接口文档
    http://ptradeapi.com  更新了多个可转债数据接口比如:ptradeapi #可转债溢价率规模数据 ......
  • React报错之React.Children.only expected to receive single React element child
    总览当我们把多个子元素传递给一个只期望有一个React子元素的组件时,会产生"React.Children.onlyexpectedtoreceivesingleReactelementchild"错误。为了解决该错误,......
  • [react基础] 表单 受控组件 非受控组件 单选 多选 全选 下拉菜单 高阶函数与函数的柯
    文章目录​​表单处理​​​​1、受控组件​​​​受控组件实现登录输入框​​​​受控组件操作封装​​​​受控组件聚合封装​​​​受控组件之单个复选框.单选​​​​......
  • [react] 路由
    文章目录​​1.相关理解​​​​1.1.SPA的理解​​​​1.2.路由的理解​​​​1.2.1什么是路由?​​​​1.2.2路由分类​​​​2.react-router-dom相关API​​​​2.1......
  • [react] 表单 受控组件 非受控组件
    文章目录​​收集表单数据​​​​1理解​​​​2应用​​​​3非受控组件​​​​4受控组件​​收集表单数据1理解包含表单的组件分类受控组件非受控组件2应用需求:......
  • Flink:DataStreamAPI
    执行环境获取的执行环境是StreamExecutionEnvironment类的对象。在代码中创建执行环境的方法,就是调用这个类的静态方法。getExecutionEnvironment根据上下文直接得到......