Функция1 принимает в аргументы функцию2. Как функции3 передать в аргументы типы аргументов функции2 + еще один?

Question

[wvw1]

import { useState, useEffect, FC } from 'react'

interface UseControlledProps<Value, ChangeHandler> {
  defaultValue: Value
  onChange: ChangeHandler // (...args: any) => any
  // вот как мне задать это значение?
}

function useControlled<Value, ChangeHandler>({
  defaultValue,
  onChange
}: UseControlledProps<Value, ChangeHandler>) {
  //
  const [state, setState] = useState(defaultValue)

  useEffect(() => {
    if (defaultValue !== state) {
      setState(defaultValue)
    }
  }, [defaultValue])

  type Params = Parameters<ChangeHandler> // Type 'ChangeHandler' does not satisfy the constraint '(...args: any) => any'

  return [
    state,
    //
    (value: Value, ...params: Params) => {
      setState(value)
      onChange(...params)
    },
  ] as const
}

interface CustomInputProps {
  defaultValue: string
}

// пример использования
const CustomInput: FC<CustomInputProps> = ({ defaultValue }) => {
  const onChange = (str: string, ggg?: boolean) => {
    console.log(str) // бульбульбуль
  }

  const [value, setValue] = useControlled({ defaultValue, onChange })

  const handleInput = (event) => {
    setValue(event.target.value, 'бульбульбуль') //
  }

  return <input value={value} onChange={handleInput} />
}

Comments

[WbICHA]

onChange && onChange(...params)

onChange?.(...params)

[WbICHA]

Честно говоря, вообще непонятно чего именно ты хочешь, потому что в коде нет примера использования того, что ты написал в заголовке.

const changeHandler = (value: V, ...params: Parameters<CH>) => {

onChange={(e) => setValue(event.target.value)}

[wvw1]

WbICHA, обновил, гланешь пожалуйста

[WbICHA]

wvw1, ну так у тебя тип ChangeHandler может быть абсолютно любым типом. Огранич его в дженерике функцией.