Solution

[FocusHuK]

No description provided.

[vkryvytskyy]

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

[vkryvytskyy]

Указывай какое именно свойство меняется, не используй all

[vkryvytskyy]

all странное название для переменной, comments подойдет лучше

[vkryvytskyy]

Suggested change

	{user ? (<UserInfo {...user} />) : ('no user')}
	{comment ? (<CommentList all={comment} />) : ('no comment')}
	{user && <UserInfo {...user} />}
	{comment && <CommentList all={comment} />}

[vkryvytskyy]

Почему ты стилизуешь через data атрибуты, а не через классы?

[FocusHuK]

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

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: {},
}
или как?

[vkryvytskyy]

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

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: {}, } или как?

Он может иметь много комментариев в таком формате:

const post = {
  comments: [{ comment }, { comment }, ...]
}

[vkryvytskyy]

Suggested change

	comment: Comment | null;
	comments: Comment[] | null;

[vkryvytskyy]

Suggested change

	comment: comments.filter(comment => comment.postId === post.id) || null,
	comments: comments.filter(comment => comment.postId === post.id) || null,

[vkryvytskyy]

Suggested change

	comment: Comment[] | null;
	comments: Comment[] | null;