Installation et utilisation du Lodash

Installation et utilisation du Lodash

Lodash est une librairie Javascript qui collection de fonctions utilitaires pour les utiliser dans notre site web.

La première étape est d’installer Lodash dans notre projet

npm i --save lodash

La deuxième étape est d’intégrer cette librairie dans notre component

/* Exemple component Home */

import React, { Component } from 'react';

import _ from 'lodash';

class Home extends Component {

	constructor(props) {
		super(props);
		this.state = {
			bloc: _.drop([1, 2, 3], 1)
		};

	}

        render() {
		return (
                        { this.state.bloc.map((numbers, indexNumber) => <li key={indexNumber}>{numbers}</li>)}
                )
        }
}

Dans cet exemple on a utilisé la méthode _drop du Lodash qui va nous supprimer le premier colonne de notre tableau bloc.

Pour avoir une idée sur tout les méthode du Lodash, rendez vous sur cette URL