learn-morse-code/src/components/MorseDisplay.js

16 lines
433 B
JavaScript

import React, {useContext} from "react"
import MorseCard from './MorseCard'
import {MorseBufferContext} from "../contexts/morseBufferContext"
export default (function MorseDisplay() {
const {morseWords} = useContext(MorseBufferContext)
let morseCards = morseWords.map((word,index) => <MorseCard key={index} morse={word} />)
return (
<div id="morseDisplay">
{morseCards}
</div>
)
})