亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

Gemeinschaft

Lernen

Tools-Bibliothek

KI-Tools

Freizeit

Deutsch

Die Rückruffunktion, die eine anonyme Funktion zurückgibt, gibt bei onClick einen Fehler aus

P粉649990273 2024-04-02 16:37:57

641

import React from 'react'

export default function Test() {
  const handleClick = () => (label: string) => {
    console.log('label: ' + label)
  }

  return <button onClick={handleClick('red one')}>click me</button>
}

Der TypeScript-Compiler beschwert sich über meinen Code. Was mache ich falsch?

Type '(label: string) => void' is not assignable to type 'MouseEventHandler<HTMLButtonElement>'.
  Types of parameters 'label' and 'event' are incompatible.
    Type 'MouseEvent<HTMLButtonElement, MouseEvent>' is not assignable to type 'string'.ts(2322)
index.d.ts(1494, 9): The expected type comes from property 'onClick' which is declared here on type 'DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>'

P粉649990273

Antworte allen(2)

P粉5877801032024-04-03 14:56:23 2 Etage

handleClick 函數(shù)不需要任何類型的參數(shù)，但您向其傳遞一個(gè)字符串。

應(yīng)該是：

import React from 'react'

export default function Test() {
  const handleClick = (label: string) => () => {
    console.log('label: ' + label)
  }

  return 
}

Wie +0

Antwort hinzufügen

P粉3788901062024-04-03 13:21:28 1 Etage

反之亦然

應(yīng)該是

(label: string) => (e: any) => {

而不是

(e: any) => (label: string) => {

import React from 'react'

export default function Test() {
  const handleClick = (label: string) => (e: any) => {
    console.log('label: ' + label)
  }

  return 
}

Wie +0

Antwort hinzufügen