He creado una función de registro de miembros.
Quiero pasar el valor de formState.values de useCallback Hook a axios.post .
Sin embargo, cuando pongo formState.values en las dependencias useCallback en la función handleSubmit , ',' expected. se produce un error de tipo.
¿Qué tengo que hacer? Debe colocar los values de la matriz de valores en formState como axios argument .
¿No puedes poner formState.values en deps, valores de argumento axios como este?
¿Cómo paso el valor del valor como un argumento?
const [formState, setFormState] = useState<formState>({ isValid: false, values: {}, touched: {}, errors: {}, }); const handleSubmit = useCallback((event: FormEvent) => { event.preventDefault(); axios.post<Login>( 'http://www.minsususu.com/login', {formState.values}, { withCredentials: true, }, ) .then(response => { const { accessToken } = response.data; axios.defaults.headers.common['Authorization'] = `Bearer ${accessToken}`; router.history.push('/'); }) .catch(error => { console.log(error); }); }, [formState.values])diría que el problema está en la llamada posterior:
axios.post<Login>( 'http://www.minsususu.com/login', formState.values, // or {values: formState.values} { withCredentials: true }, )