Fungsi panggil balik mengembalikan fungsi tanpa nama memberikan ralat pada onClick
P粉649990273
P粉649990273 2024-04-02 16:37:57
0
2
492

rreeee

Pengkompil TypeScript mengadu tentang kod saya, apakah salah saya?

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>
}

P粉649990273
P粉649990273

membalas semua(2)
P粉587780103

handleClick Fungsi ini tidak memerlukan sebarang jenis parameter, tetapi anda menghantarnya satu rentetan.

sepatutnya:

import React from 'react'

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

  return 
}
P粉378890106

Sebaliknya

sepatutnya

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

bukannya

(e: any) => (label: string) => {
import React from 'react'

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

  return 
}
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan