Renderizo el archivo de texto usando la función de mapa de acuerdo con mi matriz. Ahora tengo un objeto y necesito establecer este valor de objeto en el campo de texto representado uno por uno. Pero no sé la manera de hacer esto.
Este es mi objeto -
const myObject={en: 'This is a good store', fr: "C'est un très bon magasin", ja: 'これは完全に良い店です'}; { locals.map((item, index) => { return basicDetails(item, index, myObject); }) } const basicDetails = (item, index, myObject) => { return ( <Grid> <Grid item xs={12}> <CssTextField value={myObject} autoFocus fullWidth variant="outlined" label="Shop Tagline" /> </Grid> ); };Solo necesito establecer el valor de mi objeto uno por uno en un campo de texto. Intento hacer esto, mi resultado es [objeto Objeto].
Está obteniendo [object Object] porque el valor que está pasando al componente CssTextField es su objeto completo en lugar de uno de sus atributos.
No estoy seguro de lo que contienen locals , pero supongo que debes cambiar esto.
locals.map((item, index) => { return basicDetails(item, index, myObject); }) a esto, asumiendo que los locales son una matriz que contiene valores como ['en', 'fr', 'ja'] .
locals.map((item, index) => { return basicDetails(item, index, myObject[item]); })