此表达式不可调用类型“字符串”没有调用签名

IT技术 javascript reactjs typescript redux
2021-04-29 14:14:16

在我的 Typescript 函数中，当我将类型注释设置为 String 时，我收到错误“此表达式不可调用类型‘String’没有调用签名。” 如下面的代码所示。

function thing<T>(setThingState: string ){

    return Axios.request({
        method: 'get',
        url:'https://jsonplaceholder.typicode.com/todos/',//'https://jsonplaceholder.typicode.com/todos/'
    }).subscribe(
        response => {
            console.log(response);
            setThingState({ message: response.status });
        },
        error => {
            console.log(error);
            setThingState({ message: '404' });
        }
    );

}

但是，如果我将类型设置为 Any，那么我就没有问题。如下面的代码所示。我仍然专注于 TypeScript，所以任何反馈都将不胜感激。

function thing<T>(setThingState: any ){

    return Axios.request({
        method: 'get',
        url:'https://jsonplaceholder.typicode.com/todos/',//'https://jsonplaceholder.typicode.com/todos/'
    }).subscribe(
        response => {
            console.log(response);
            setThingState({ message: response.status });
        },
        error => {
            console.log(error);
            setThingState({ message: '404' });
        }
    );

}

然后在 React Functional 组件中调用这个函数，Redux 如下所示： 

const [thingState, setThingState] = useState({ message: ''});
    function testCall(){
        thing(setThingState);
    };
2个回答

您输入的setIssuerCallState是字符串。并且您不能调用字符串。

你基本上是在做：

const aString = "a string"
aString() // error

看起来这个函数的正确类型是：

function IssuerCall(setIssuerCallState: (newState: { message: string }) => void) {
   //...
}

NowsetIssuerCallState被输入为一个函数，它接受一个参数，该参数是一个具有message属性的对象。

setIssuerCallState是一个函数，因此将其设置为字符串会给您错误String' has no call signatures。

尝试将 setIssuerCallState 的类型设置为setIssuerCallState: (param: any) => void

function IssuerCall<T>(setIssuerCallState: (param: any) => void ){

return Axios.request({
    method: 'get',
    url:'https://jsonplaceholder.typicode.com/todos/',//'https://jsonplaceholder.typicode.com/todos/'
}).subscribe(
    response => {
        console.log(response);
        setIssuerCallState({ message: response.status });
    },
    error => {
        console.log(error);
        setIssuerCallState({ message: '404' });
    }
);
}
其它你可能感兴趣的问题
上一篇在 Material-UI 中以编程方式打开 Tooltip 下一篇如何使用draft.js 更改光标位置？