Ребят,В чем ошибка? <List items={[1,2,3,4,5]} renderItem={Button} /> renderItem ругается

Question

Ребят,В чем ошибка? <List items={[1,2,3,4,5]} renderItem={Button} /> renderItem ругается

type Item = string | number | undefined

interface IListProps {
items: Item[],
renderItem:(item:Item) => React.ReactNode,
}

const List: React.FC<IListProps> = ({ items, renderItem }) => (
<>
{items.map(renderItem)}
</>
)

interface IButtonProps {
item:string | number | undefined
}

const Button:React.FC<IButtonProps> = ({item}) =>{
return(
<div>{item}</div>
)
}

interface ICalcProps {
result: number
}

const Calculator: React.FC<ICalcProps> = ({ result }) => {
return (
<>
<List items={[1,2,3,4,5]} renderItem={Button}/>
<div>{result}</div>
</>
)
}

#programming #russian #typescript

0

11.02.2020

1 ответов

17 просмотров

Rrr · Accepted Answer

Rrr

вот сюда закинь http://www.typescriptlang.org/play/

0

11.02.2020

169 похожих чатов

Ребят,В чем ошибка? <List items={[1,2,3,4,5]} renderItem={Button} /> renderItem ругается

1 ответов

Похожие вопросы