0
152
VisualizaçõesNo se pueden procesar los datos usando la función de mapa en ReactJS
No puedo representar los datos con la función de mapa. Aquí estoy iterando una lista de datos. ¿Qué tiene de malo mi función de mapa? Alguien me puede ayudar en esto?
import React from 'react' import '../TimeandDate/Time.css'; import TimeData from '../TimeandDate/TimeData'; const Time = () => { const dataTime = TimeData; //console.log(dataTime); const chunks = []; while (dataTime.length) { chunks.push(dataTime.splice(0,3)); } return ( <div className='Main-Section'> <div className='First-Section'>Time</div> <div className='Second-Section'> <div className='date_title'>Wednesday , June 13</div> <div className='time_Slots'> { chunks.map((timeslot) =>{ return ( <div key={timeslot}>{timeslot.map((time) => { return <p key={time}>{time}</p> })} </div> ) })} </div> </div> </div> ) } export default Time
·
Santiago Trujillo
1 Respostas
Responde à pergunta0
Acabas de empalmar tu matriz inicial a cero durante las representaciones. La función de mapa está bien.
const Time = () => { const dataTime = useMemo(() => TimeData, []); const chunks = useMemo(() => { const _chunks = []; const tmp = [...dataTime]; while (tmp.length) { _chunks.push(tmp.splice(0, 3)); } console.log(_chunks); return _chunks; }, [dataTime]); return ( <div className="Main-Section"> <div className="First-Section">Time</div> <div className="Second-Section"> <div className="date_title">Wednesday , June 13</div> <div className="time_Slots"> {chunks.map((timeslot) => { return ( <div key={timeslot} className="inline"> {timeslot.map((time) => { return <p key={time}>{time}</p>; })} </div> ); })} </div> </div> </div> ); }; 
·
Santiago Trujillo
Relatório
Responde à pergunta