微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

无法使用reactjs将Javascript函数写入Typescript?

如何解决无法使用reactjs将Javascript函数写入Typescript?

我的目标是验证表单。当我们提交带有空白字段的表单时,它应该显示错误。 我在Javascript中编写了验证功能,但无法将其转换为打字稿。

JSX功能代码

  validation = (error) => {
        let valid = true;
        Object.keys(error).map((key: string) => {
            this.onChange(key,this.state[key]);
            if (this.state.error[key].length)
                valid = false;
        });
        return valid;
    }

错误包含:

error = {name:"",age: "",college: "",experience: ""}

如果我以相同的方式在Typescript中编写相同的函数,则会引发错误 元素隐式具有'any'类型,因为类型'string'的表达式不能用于索引类型'只读'。 在“只读”类型上未找到带有“字符串”类型参数的索引签名

有人可以在此查询中为我提供帮助吗?

解决方法

您可以尝试将类型明确显示在错误变量中

validation = (error: {name: string,age: string,college: string,experience: string}): boolean => {
        let valid = true;
        let that = this;
        Object.keys(error).map((key: string) => {
            that.onChange(key,that.state[key]);
            if (that.state.error[key].length)
                valid = false;
        });
        return valid;
    }
,

您可以通过执行此操作来解决此问题,但是您的代码有点奇怪,因此我编写了一个示例,可能有助于您编写更简单的表单https://www.twilio.com/docs/voice/twiml/conference。但是,如果您希望现有代码能够正常工作:

~/.local/bin/tensorflowjs_converter model/ quantized_model/
--input_format tf_saved_model --output_format tfjs_graph_model --quantize_uint8

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。