Dobry wieczór,
Skonfigurowałem środowisko i napisałem poniższy kod.
import * as React from 'react';
import * as ReactDOM from 'react-dom';
type Issue = {
name: string,
value: string
}
const is1: Issue = {
name: "test",
value: "pieknie"
}
const is2: Issue = {
name: "test2",
value: "pieknie2"
}
const offerProps: Issue[] = [is1,is2]
export const Issue = ({ name, value }: Issue) =>
<li>{ name }: {value}</li>
export const Offer = (issues: Array<Issue>) =>
<ul>
{issues.map(function(issue) {
<Issue {...issue}/>
})}
</ul>
const issuesExample = [is1, is2]
ReactDOM.render(
<div>
<Offer {...offerProps} />
</div>,
document.getElementById('app')
)
Kod nie działa, a w konsoli przeglądarki zwraca błąd "issues.map is not a function".
Co robię nie tak?
Pozdrawiam,
AM