首页 > 其他分享 >[Typescript] Zod.input()

[Typescript] Zod.input()

时间:2024-12-21 19:19:47浏览次数:4  
标签:Typescript Zod FormInput our input infer types

The Input is Different than the Output

We've reached the point with Zod where our input is different than our output.

In other words, you can generate types based on input as well as generating types based on the output.

For example, let's create FormInput and FormOutput types:

 
type FormInput = z.infer<typeof Form>
type FormOutput = z.infer<typeof Form>

 

Introducing z.input

As written above, the input is not quite correct because when we input into validateFormInput, we don't need to pass in any keywords.

Instead, we can update the the FormInput to use z.input instead of z.infer.

This gives us a way to slightly tweak the types we generate if there is a difference between the input and output of our validator.

标签:Typescript,Zod,FormInput,our,input,infer,types
From: https://www.cnblogs.com/Answer1215/p/18621064

相关文章

  • TypeScript进阶实战:构建可维护的企业级应用
    "这代码太难维护了!"接手一个海外客户的项目后,我不禁感叹道。虽然项目用了TypeScript,但类型定义混乱,代码提示基本失效,测试写起来也很痛苦。作为一个有着多年TypeScript开发经验的工程师,我深知一个项目的可维护性有多重要。最近三个月,我带领团队对这个项目进行了一次彻底......
  • java中FileInputStream和FileOutputStream类
    一、介绍FileInputStream类与FileOutputStream类都用来操作磁盘文件,提供了基本的文件写入能力。二、FileInputStream类常用的构造方法1、FileInputStream(Stringname)2、FileInputStream(Filefile)第一个构造方法使用给定的文件名name创建一个FileInputStream对象,第二个......
  • typescript 进阶(二)
    本文主要针对实际工作中的场景,来介绍ts的使用复用函数的类型在定义好一个函数之后,如functionfoo(params:{id:number;name:string}):{count:number;}[]{ //省略... return[{count:1}];}在ts高阶函数的作用下,可以直接获取函数的参数和返回值类型typeIFooRet......
  • PbootCMS 网站打开提示“No input file specified.”,如何解决?
    当你在访问PbootCMS网站时,如果遇到“Noinputfilespecified.”的错误提示,这通常是由于服务器配置或文件缺失引起的问题。以下是一些常见的解决方法和步骤:检查根目录下的 user.ini 文件:这个问题的一个常见原因是根目录中存在 user.ini 文件。这个文件通常是服务器为了......
  • PbootCMS网站打开提示“No input file specified”怎么办?
    当您在使用PbootCMS时,如果网站打开时提示“Noinputfilespecified”,这通常是因为某些配置问题或文件缺失导致的。根据提供的内容,以下是几种常见的解决方法,您可以根据实际情况选择适合的方法:方法一:检查并删除user.ini文件检查根目录:首先,检查您的网站根目录下是否存在user.i......
  • input标签改变高度的同时如何使光标定位在左上角(不使用textarea)
    在HTML中,<input>标签通常用于创建单行文本输入框。由于它是为单行输入设计的,因此没有直接的方式来改变光标的位置或使其像<textarea>那样支持多行文本输入。不过,如果你希望模拟一个类似<textarea>的效果,但又不希望实际使用<textarea>,你可以考虑以下的方法:使用CSS来模拟:......
  • 用css隐藏input的光标
    在前端开发中,如果你想隐藏HTML<input>元素的光标,你可以使用CSS的caret-color属性。然而,这个属性只能改变光标的颜色,而不能完全隐藏它。如果你想要完全隐藏光标,你可能需要使用一些变通方法。一种可能的方法是使用::selection伪元素来隐藏选中的文本,但这并不能阻止光标出现。......
  • 请问PbootCMS网站打开提示“No input file specified”怎么办?
    当您在使用PbootCMS时,如果网站打开时提示“Noinputfilespecified”,这通常是因为某些配置问题或文件缺失导致的。根据提供的内容,以下是几种常见的解决方法,您可以根据实际情况选择适合的方法:方法一:检查并删除user.ini文件检查根目录:首先,检查您的网站根目录下是否存在user.i......
  • PbootCMS网站迁移后无法打开,报错“No input file specified”,如何解决?
    当PbootCMS网站迁移后遇到“Noinputfilespecified”的错误提示时,通常是由于服务器配置或文件权限的问题导致的。以下是详细的解决步骤和注意事项:检查.user.ini文件:进入网站的根目录,查找是否存在.user.ini文件。如果存在.user.ini文件,尝试删除它。这个文件有时会干扰服务......
  • 解释下点击一个input输入框,依次会触发哪些事件?
    在前端开发中,当用户点击一个<input>输入框时,会依次触发一系列事件。这些事件按照发生的顺序,通常包括以下几个阶段:mousedown:当用户按下鼠标按钮时触发。这是鼠标交互的起始事件,表明用户开始与元素进行交互。focus(可能紧接着mousedown或稍后,取决于浏览器和具体的实现):当......