网站建设全包设计_站长之家查询工具_官网整站优化_网络外包

什么是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