mate-academy / react_static-list-of-posts

React Static List of Posts

React + Typescript cheat sheet

This task is similar to Static List of TODOs, but you should do everything yourself:

• don't change classes in the given markup (tests use them);
• create all required types in ./src/types/;
• prepare posts by adding a user and comments to each post (each comment has a postId);
• split the App into components based on given CSS blocks;
  • styles from App.scss should be moved to separate files, as well. E.g.: PostList.scss;
• List components should take an array of corresponding objects and render one Info component per object;
• Info components should take one object and render its data.

Instructions

• Install Prettier Extention and use this VSCode settings to enable format on save.
• Implement a solution following the React task guideline.
• Use the React TypeScript cheat sheet.
• Open one more terminal and run tests with npm test to ensure your solution is correct.
• Replace <your_account> with your Github username in the DEMO LINK and add it to the PR description.

react_static-list-of-posts's Issues

Комментариев может быть больше 1, используй filter

Комментариев может быть больше 1, используй filter

Originally posted by @vkryvytskyy in #869 (comment)

Я все ошибки по исправлял, но не понял про комментарий.

const copy = {
...post,
user: users.find(user => user.id === post.userId) || null,
comment: comments.find(comment => comment.postId === post.userId) || null,
}
т.е. объект может иметь у одного пользователя много комментариев в таком формате?
const copy = {
...post,
user: {},
comment: {},
comment1: {},
comment2: {},
}
или как?