добавляется элемент, то все элементы рендрятся заново. Как сделать так чтобы рендрились только новые элементы?
class CardsFeed extends React.PureComponent {
constructor(props) {
super(props);
}
render() {
const { items, initialCardAmount, videoJsOptions } = this.props;
return items.slice(0, initialCardAmount).map((item) => (
<IonCard key={item["_id"]} className="card">
<VideoPlayer
{...videoJsOptions}
src={item["refId"]["video"][0]}
poster={item["refId"]["thumbnail"][0]}
/>
</IonCard>
));
}
}
export default CardsFeed;
у тебя как раз key у реакта для этого и создан
У тебя IonCard PureComponent?
VideoJsOptions статичны ж? Там все настройки не меняются?
Обсуждают сегодня