如果指定了型別，則無法在typescript中呼叫setter函式

我正在開發一個前端專案，現在我在注冊表單中，我為用戶匯出了以下類：

export class User {

    private _id: string
    private _name: string
    private _last_name: string
    private _email: string
    private _age: number
    private _password: string

    constructor(id: string, name: string, lastName: string, email: string, age: number, password: string) {
        this._id = id
        this._name = name
        this._last_name = lastName
        this._email = email
        this._age = age
        this._password = password
    }

    static emptyUser() {
        return new User('', '', '', '', 0, '')
    }

    public get id() : string {
        return this._id
    }

    public set id(id:string) {
        this._id = id
    }
    
    public get name() : string {
        return this._name
    }

    public set name(name:string) {
        this._name = name
    }

    public get lastName() : string {
        return this._last_name
    }

    public set lastName(lastName:string) {
        this._last_name = lastName
    }
    
    public get email() : string {
        return this._email
    }

    public set email(email:string) {
        this._email = email
    }
    
    public get age() : number {
        return this._age
    }

    public set age(age:number) {
        this._age = age
    }
    
    public get password() : string {
        return this._password
    }

    public set password(password:string) {
        this._password = password
    }
}

然后，每當我在我的組件中呼叫 setter 函式時，vscode 都會簽名一個錯誤，因為“String”型別沒有簽名。但是，如果我將 setter 引數型別更改為“任何”，錯誤就會消失。組件代碼如下：

import { useState } from "react"
import { User } from "../../../core/User"
import AuthenticationButton from "../AuthenticationButton"
import AuthenticationInput from "../AuthenticationInput"

function SignUpForm() {

    const [clientSignUp, setClientSignUp] = useState<User>(User.emptyUser())

    function setClientName(name:string) {
        setClientSignUp(clientSignUp.name(name))
    }

    return (
        <div className="flex flex-col gap-3
                        text-xl">
            <h1 className="text-3xl">Sign Up</h1>
            <hr className="bg-gray-900 border border-gray-900" />
            <label htmlFor="SignUpName">Name:</label>
            <AuthenticationInput
                inputId="SignUpName"
                inputType="text"
            />
            <label htmlFor="SignUpLastName">Last name:</label>
            <AuthenticationInput
                inputId="SignUpLastName"
                inputType="text"
            />
            <label htmlFor="SignUpEmail">E-mail:</label>
            <AuthenticationInput
                inputId="SignUpEmail"
                inputType="email"
            />
            <label htmlFor="SignUpPassword">Password:</label>
            <AuthenticationInput
                inputId="SignUpPassword"
                inputType="password"
            />
            <div className="flex justify-center">
                <AuthenticationButton>Sign up</AuthenticationButton>
            </div>
        </div>
    )
}

export default SignUpForm

uj5u.com熱心網友回復：

你使用setter錯誤的方式。更新你setClientName的

function setClientName(name: string) {
    clientSignUp.name = name;
    setClientSignUp(clientSignUp);
}

標籤：javascript 反应 打字稿 细绳 类型

上一篇：錯誤：函式作為React子級無效。如果您從渲染回傳Component而不是<Component/>，則可能會發生這種情況

下一篇：NodeJs花費大量時間來控制臺日志