我使用输入type="file",而不是保存数据,FileData我只使用普通对象并为其创建一个类型:Record<string, File>。它工作得很好,但是当我尝试使用zod\xe2\x80\x93 创建验证器时,我不知道如何为其创建相同的类型。
用法:
\nimport { object as zodObject, string, number } from \'zod\';\nimport { useValidators } from \'../some\';\n\nconst useValidation = () => {\n const { createResolver } = useValidators();\n \n return {\n resolver: createResolver(\n zodObject({\n name: string(),\n price: number(),\n files: ???, \n })\n ),\n };\n}; \nRun Code Online (Sandbox Code Playgroud)\n该文档相当过多,但我找不到适合我的案例的任何示例: https: //github.com/colinhacks/zod
\n输入法的使用:
\n\nconst App = () => {\n const [files, setFiles] = useState<Record<string, File>>({}); \n\n return (\n <input …Run Code Online (Sandbox Code Playgroud) 我需要制作一个复选框(类似于IOS的切换)组件,该组件不使用状态,而仅通过道具进行控制。当前代码如下:
export class Checkbox extends React.Component {
handleChange(event) {
this.props.onChange({value: event.target.value});
}
render() {
return (
<span>
<input class="ios_toggle" type="checkbox"
value={this.props.value}
disabled={this.props.disabled}
onChange={this.handleChange}
/>
</span>
);
}
}
Run Code Online (Sandbox Code Playgroud)
我这样使用它:
<Checkbox value={true} disabled={false} />
Run Code Online (Sandbox Code Playgroud)
它几乎可以工作,但是:
value={true}value={true},那么无论我在浏览器中做什么,从理论上讲都是一样的? 我错过了什么?