Tengo un problema con mi uso de mecanografiado.
Primero, déjame decirte lo que quiero hacer:
En primer lugar, tengo un sistema de inicio de sesión de usuario avanzado que administra los inicios de sesión de los usuarios en el backend, por lo que necesito incluir muchos sistemas de archivos para integrarlo en el lado de reacción. Uno de ellos es el auth.tsx
archivo ubicado debajo del archivo de acciones. El propósito de este archivo es realizar las llamadas API necesarias al servidor y transferir la información allí al diseño del formulario, por lo que tendré una estructura de código mucho más ordenada. Pero desafortunadamente, debido a que hay texto mecanografiado en el sistema, recibo algunos errores y no puedo entender por qué. ¿Puede usted ayudar?
este es un fragmento de código del archivo auth.tsx
export const facebookAuthenticate = (state:string, code:string) => async dispatch => { if (state && code && !localStorage.getItem('access')) { const config = { headers: { 'Content-Type': 'application/x-www-form-urlencoded' } }; const details = { 'state': state, 'code': code }; const formBody = Object.keys(details).map(key => encodeURIComponent(key) + '=' + encodeURIComponent(details[key])).join('&'); try { const res = await axios.post(`${process.env.REACT_APP_API_URL}/auth/o/facebook/?${formBody}`, config); dispatch({ type: FACEBOOK_AUTH_SUCCESS, payload: res.data }); dispatch(load_user()); } catch (err) { dispatch({ type: FACEBOOK_AUTH_FAIL }); } } }; En el parámetro de envío de este código, the dispatch parameter has an implicit type 'any' . Recibo el error también en encodeURIComponent(details[key])) ,
the expression of type 'string' is '{ state: string; code: string; Element has type 'any' implicitly because it cannot be used to index type '}'. '{ state: string; code: string; I am getting the error ts(7053) not found directory signature with parameter of type 'string' on type '}'.por favor, ayúdame
El tipo TS de valor de retorno para Object.keys() es string[] , consulte la definición de tipo TS a continuación:
lib.es5.d.ts :
keys(o: object): string[]; Pero el tipo de key debe ser 'state' | 'code' en lugar de cualquier cadena. Por lo tanto, debe escribir aserciones para especificar un tipo más específico.
const details = { 'state': state, 'code': code }; const formBody = (Object.keys(details) as (keyof typeof details)[]).map(key => encodeURIComponent(key) + '=' + encodeURIComponent(details[key])).join('&');