Et kart er en datainnsamlingstype der data lagres i form av par. Den inneholder en unik nøkkel. Verdien som er lagret i kartet må tilordnes nøkkelen. Vi kan ikke lagre et duplikatpar i kartet(). Det er på grunn av det unike ved hver lagrede nøkkel. Den brukes hovedsakelig til å raskt søke og slå opp data.
strengsammenkobling java
I React, ?kartet? metode som brukes til å krysse og vise en liste over lignende objekter av en komponent. Et kart er ikke funksjonen til React. I stedet er det standard JavaScript-funksjonen som kan kalles på en hvilken som helst matrise. Map()-metoden oppretter en ny matrise ved å kalle en gitt funksjon på hvert element i den kallende matrisen.
Eksempel
I det gitte eksemplet tar map()-funksjonen en rekke tall og dobler verdiene deres. Vi tildeler den nye matrisen returnert av map() til variabelen doubleValue og logger den.
var numbers = [1, 2, 3, 4, 5]; const doubleValue = numbers.map((number)=>{ return (number * 2); }); console.log(doubleValue); I React brukes map()-metoden for:
1. Gå gjennom listeelementet.
Eksempel
import React from 'react'; import ReactDOM from 'react-dom'; function NameList(props) { const myLists = props.myLists; const listItems = myLists.map((myList) => <li>{myList}</li> ); return ( <h2>React Map Example</h2> <ul>{listItems}</ul> ); } const myLists = ['A', 'B', 'C', 'D', 'D']; ReactDOM.render( , document.getElementById('app') ); export default App; Produksjon
python konvertere byte til streng
2. Gå gjennom listeelementet med taster.
Eksempel
import React from 'react'; import ReactDOM from 'react-dom'; function ListItem(props) { return <li>{props.value}</li>; } function NumberList(props) { const numbers = props.numbers; const listItems = numbers.map((number) => ); return ( <h2>React Map Example</h2> <ul> {listItems} </ul> ); } const numbers = [1, 2, 3, 4, 5]; ReactDOM.render( , document.getElementById('app') ); export default App; Produksjon
