export default function Row({ guess, currentGuess }) { ... if (currentGuess){ let letters = currentGuess.split('') return ( <div className='row current'> {letters.map((letter, i)=>( <div key={i} className='filled'>{letter}</div> ))} {[...Array(5-letters.length)].map((_,i)=> ( <div key={i}></div> ))} </div> ) } return ( <div className='row'> <div></div> <div></div> <div></div> <div></div> <div></div> </div> ) }