Не корректные типы props для компонента React native styled components?

Question

[Ilya Pavlov]

При создании styled компонента у него неправильные типы пропсов:


И если добавить тип при создании StyledList:


А просто FlatList работает корректно:


React: 16.9.0
React Native: 0.61.5
Styled Components: 4.4.1
@types/Styled Components: 4.4.1

Answer 1

[twolegs]

Думаю, нужно определить тип пропсов у компоненты Test:

export default class Test extends React.Component<{ item: Data }>

Comments

[Ilya Pavlov]

А как это может быть связано? По-моему это не должно помочь.

[Ilya Pavlov]

Answer 2

[Robur]

const Item = (props: {item: Data}) => ...

а у вас получается сейчас два пропса: id и value

ну и Test потом тоже надо правильно протипировать чтобы props.item пришел нужного типа

Comments

[Ilya Pavlov]

При чем тут Test? props - это пропсы компонента-функции, который я передаю в renderItem. У класса Test вообще нет props(в том смысле, что они ему не передаются вообще, и соответственно нигде не используются).

И где именно у меня два пропса?

[Robur]

Ilya Pavlov, два пропса на компоненте Item.

[Ilya Pavlov]

Robur, Окей, понял, спасибо. Но все равно проблема:

[Ilya Pavlov]

Robur, Даже вот просто FlatList с теми же пропсами:

[Robur]

Это то что я подразумевал под "потом Test потом тоже надо правильно протипировать"
Ошибка должна говорить сама за себя

[Ilya Pavlov]

Robur, Я все равно не понимаю что вы имеете ввиду

[Robur]

Про Test я конечно не правильно сказал - не сам Test а то что у него в рендере - StyledList.
у вас props приезжает как any, и видимо есть noImplicitAny в конфиге.
Вам надо или правильные типы сделать в StyledList (если его дефинишены позволяют)
либо написать renderItem={(props:any) => ...} либо если вы знаете какой тип будет у пропс - прописать его явно renderItem={(props: MyTypeHere) => ...}

судя по вашему коду там должно быть {item: Data}, если он правильный