型定義のpickとomit

[cossack910]

interface

export interface CommentInterface {
  postId: number;
  id: number;
  name: string;
  email: string;
  body: string;
}

[cossack910]

pick

必要なものだけ

import { CommentInterface } from "./interface/comment";

const dotComCheckFunc = (text: string) => {
  if (~text.indexOf(".com")) {
    return true;
  }
  return false;
};

export const Comment = (
  props: Pick<CommentInterface, "body" | "id" | "email">←これ
) => {
  const { body, id, email } = props;
  const emailDotComCheck: string = dotComCheckFunc(email)
    ? "[.com]"
    : "[ドットコム違う]";
  return <p>{`${emailDotComCheck}..${body}(コメントID:${id})`}</p>;
};

export default Comment;

[cossack910]

Omit

不要なものを取り除く

import { CommentInterface } from "./interface/comment";

const dotComCheckFunc = (text: string) => {
  if (~text.indexOf(".com")) {
    return true;
  }
  return false;
};

export const Comment = (
  props:Omit<CommentInterface, "postId" | "name">←これ
) => {
  const { body, id, email } = props;
  const emailDotComCheck: string = dotComCheckFunc(email)
    ? "[.com]"
    : "[ドットコム違う]";
  return <p>{`${emailDotComCheck}..${body}(コメントID:${id})`}</p>;
};

export default Comment;