From 7560836c2dd19967b6208c5735a2e90ace0c84f9 Mon Sep 17 00:00:00 2001 From: IgnatOffice Date: Mon, 23 May 2022 20:16:27 +0300 Subject: [PATCH] add types --- src/s2-homeworks/hw01/HW1.tsx | 18 ++++++++++++------ src/s2-homeworks/hw01/Message.tsx | 7 +++++-- 2 files changed, 17 insertions(+), 8 deletions(-) diff --git a/src/s2-homeworks/hw01/HW1.tsx b/src/s2-homeworks/hw01/HW1.tsx index d0bd619..5c5038a 100644 --- a/src/s2-homeworks/hw01/HW1.tsx +++ b/src/s2-homeworks/hw01/HW1.tsx @@ -4,8 +4,11 @@ import MessageSender from './MessageSender' import s from './Message.module.css' import FriendMessage from './FriendMessage' +// нужно создать правильный тип вместо any +export type MessageType = any + // структуру объекта не менять -export const message0 = { +export const message0: MessageType = { id: 0, user: { avatar: 'https://sun9-74.userapi.com/Ph-WiuOtF985il9AvN9JqiCWedmHtSGSSTXrSA/ltEB2Z2-YO4.jpg', @@ -16,8 +19,8 @@ export const message0 = { time: '22:00', }, } -export const friendMessage0 = { - id: 0, +export const friendMessage0: MessageType = { + id: 100, user: { avatar: 'https://sun9-74.userapi.com/Ph-WiuOtF985il9AvN9JqiCWedmHtSGSSTXrSA/ltEB2Z2-YO4.jpg', name: 'Friend Name', @@ -32,7 +35,8 @@ export const friendMessage0 = { const HW1 = () => { return (
-
{/*можно убрать этот тег*/} +
+ {/*можно убрать этот тег*/}
homeworks 1
@@ -45,8 +49,10 @@ const HW1 = () => { {/*для автоматической проверки дз (не менять)*/} -
{/*можно убрать этот тег*/} -
{/*можно убрать этот тег*/} +
+ {/*можно убрать этот тег*/} +
+ {/*можно убрать этот тег*/}
) } diff --git a/src/s2-homeworks/hw01/Message.tsx b/src/s2-homeworks/hw01/Message.tsx index 5417264..6cf5062 100644 --- a/src/s2-homeworks/hw01/Message.tsx +++ b/src/s2-homeworks/hw01/Message.tsx @@ -1,8 +1,11 @@ import React from 'react' import s from './Message.module.css' -// создать тип вместо any и отобразить приходящие данные -const Message = (props: any) => { +// нужно создать правильный тип вместо any +export type MessagePropsType = any + +// нужно отобразить приходящие данные +const Message = (props: MessagePropsType) => { return (