Quiero reemplazar el nombre de la clave del objeto "Valor" por "etiqueta" y pasarlo a la lista desplegable. Por ejemplo, estoy usando "elemento.valor" en el componente desplegable, pero ahora necesito obtener los datos de entrada y reemplazar " item.value" a "item.label"... Entonces, ¿cómo puedo cambiar el nombre de la clave de objeto y mostrar la lista en DropDown? ¿Alguien puede ayudar en esto? Gracias de antemano.
export const inputs = { "purpose": [ { "locale": "er", "code": "zzz", "value": "Payment" }, { "locale": "po", "code": "dgf", "value": "Support" }, { "locale": "fg", "code": "oiuy", "value": "yes Worked" },Aquí está el menú desplegable
const Dropdown = () => { const data = inputs; //console.log(data.purpose); return ( <select > <option>Select an Option</option> {data.purpose.map((items)=>( //console.log(items.value); <option>{items.value}</option> ))} </select> </div> </div> ) } export default DropdownPuede hacer una copia de la matriz con nuevas claves al mapearla como:
const transformed = inputs.purpose.map(({ locale, code , value }) => ({ label: value, locale: locale, code : code}));manera fácil :
const new=inputs.purpose.map(i=>{ const temp={}; temp.locale=i.locale; temp.code=i.code; temp.label=i.value; return temp; })