предоставленные ответы не дали мне подсказки о том, в чем проблема в моем случае здесь. Итак, я получаю следующую ошибку в консоли:
react-jsx-dev-runtime.development.js?bfcc:117 Warning: Each child in a list should have a unique «key» prop. Check the render method of `Feed`. See https://reactjs.org/link/warning-keys for more information.
Это мой код в операторе возврата:
return ( <> <Header></Header> <div className={hfstyles.feed} style={{ ‘maxWidth’: ‘980px;’, ‘textAlign’: ‘center’, ‘margin’: ‘0 auto’, ‘padding’: ‘5em 0’ }}> {feed.map((post, index) => { const postBefore = index == 0 ? new Date() : feed[index — 1].createdAt; return randomIndex == index ? ( <> <PostBasic post={post} postBefore={postBefore} key={post.id} /> <RandomMessage/> </>) : (<PostBasic post={post} postBefore={postBefore} key={post.id} /> ); })} {feedEnd == true && ( <p>Thats it</p> )} </div> <Footer sticky={false}></Footer> </> );
Я также попытался предоставить свойство key для <RandomMessage/> component, и я попытался изменить ключ с идентификатора базы данных post.id на index карты без каких-либо изменений.
Источник: