Trying to conditionally render different media (audio/video) from a JSON file in react but getting errors.
Here is the code:
{surgeryData.map(data => (
<div>
<Plyr
source={
((type = {data.type}),
(sources = [
{
src = {data.media}
}
]))
}
/>
</div>
))}
Whether I use =
after source or :
react doesn't seem to like the nested data inside the source. Any solutions?
Per the documentation, source should be an object like this.
{surgeryData.map((data) => (
<div>
<Plyr
source={{
type: data.type,
sources: [
{
src: data.media
}
]
}}
/>
</div>
))}