Tenemos un formulario Formik con traducciones. El valor inicial se ve así:

 { // other stuff here like id, createdAt, etc. translations: [ { languageCode: 'de', name: 'German', }, { languageCode: 'fr', name: 'French', }, { languageCode: 'it', name: 'Italian', } ] }

selectedLanguage es igual al idioma seleccionado actualmente 'de' | 'en' | 'eso'. Luego recorremos los idiomas availableLanguages y creamos un campo de entrada para cada uno de ellos de la siguiente manera:

 { languages.map((lang, ind) => ( <div key={ind}> {selectedLanguage === lang && ( <FormField> <Input name="Topic" value={ values.translations?.find( elm => elm.languageCode === lang )?.name || "" } onChange={(v: React.ChangeEvent<HTMLInputElement>) => { // Doesn't work setFieldValue( `${ values.translations?.find( elm => elm.languageCode === lang ).name }`, v.target.value ); }} /> </FormField> )} </div> )); }

¿Cómo establece dinámicamente el nombre en la matriz de valores del idioma que se está cambiando?

Gracias