什么是lodash
Lodash是一个流行的JavaScript实用工具库,提供了许多高效、高兼容性的工具函数,能够方便地处理集合、字符串、数值、函数等多种数据类型,大大提高工作效率。
lodsh的安装
$ npm i -g npm
$ npm i --save lodash
lodash的引入
// 引入整个lodash库,体积大:// 方式1:引入整个lodash对象
import _ from "lodash";
// 方式2:按名称引入特定的函数
import { cloneDeep } from "lodash";//按需引入,减小体积:// 1.只引入cloneDeep函数
import cloneDeep from "lodash/cloneDeep";
// 2.使用lodash-es
import { cloneDeep } from "lodash-es";
lodash函数库中的所有函数详情见官方文档:
Lodash Documentation
示例:
import React, { useState } from 'react'
import _ from 'lodash'const App = () => {const handleTabChange = (type) => {console.log(type)setType(type)// 基于列表的排序if (type === 'hot') {// 最热 => 喜欢点赞数量降序// lodash函数库,desc降序排序setCommentList(_.orderBy(commentList, ['like'], ['desc']))} else {// 最新 => 创建时间降序// lodash函数库,desc降序排序setCommentList(_.orderBy(commentList, ['ctime'], ['desc']))}}return (<div className="app">......</div>)
}export default App