貼文討論：[問題] Zod 的 .optional() 使用方法

查看原始貼文與相關留言

hi

zod 通常是拿來做表單或 api 資料的型別驗證，
我看到的大多作法是自己定義 type，
加上使用 react 的 ComponentProps，
這樣還可以獲得 html 的原始 props。

import { ComponentProps } from "react";
type MyDivProps = ComponentProps<"div"> & {
  myProp: string;
};
const MyDiv = ({ myProp, ...props }: MyDivProps) => {
  console.log(myProp!);
  return <div {...props} />;
};

參考 : https://www.totaltypescript.com/react-component-props-type-helper

jason chen
此人尚未填寫簡介。
熱門搜尋： __ 使用 ar re https am 伺服 ul COM 學習 Ts 工程 javas 開發 程式 AR github ui 語言 bi Re AI API js id AM 設計 git la 平台 log AWS jav LA Js app type CLI 框架 專案 JS javascript 個人 討論 javasc go web Javascript with GitHub 工作 Type 基礎 Ai java ai the user COMPO 作為 api aws Git GIT Java CD wEB SQL 測試 post 嗎？ 網站 Line vs Python Javas 分享 html react 查詢 css token node 架構 for 系列 cn search Ml 資料夾 技術 ＣＳＳ React Css 結構 ci Typescript work Github 軟體
🛡️ 隱私及網站安全：本站註冊過程「不須提供任何個資」，只要 E-Mail 與帳密即可註冊，請安心註冊！線上付款過程使用「綠界科技 ECPay 」第三方專業金流廠商，全程在「綠界科技 ECPay 」網站進行付款程序，本站「不會紀錄任何信用卡資訊」，請放心付款、解鎖課程！您隨時可以透過 FB 粉專或者 Email 聯絡站長，請求刪除網站上的個人資料。