Quiero pasar una matriz de cadenas del componente de la función principal al componente de la función secundaria. En el componente secundario, la matriz debe reflejar la clave del objeto.
Por ejemplo, envíe la siguiente matriz desde un padre POR PROP: let colors = ['red', 'green', 'white']
y en el componente hijo tengo la siguiente variable:
let arr = [config.red, config.green, config.white, config.blue];Quiero tomar el ".rojo, .verde, .blanco" de los accesorios y luego revisar la variable de configuración a continuación:
const config: { red: { base: string; icon: any; name: string; target: string; }; white: { base: number; icon: any; name: string; target: string;...
Estar muy contento por cualquier ayuda. Mejor.
Pase la matriz de claves a su componente...
<Child colors={colors} /> luego reduzca esa matriz a las claves coincidentes de la config
const arr = props.colors.reduce( (acc, key) => (key in config ? [...acc, config[key]] : acc), [] ); Estoy usando reduce() en lugar de un map() para filtrar las claves que podrían no estar en la config .
<Child colors={["red", "green", "white"]} />
y dentro de Child , puede obtener el objeto de config respectivo, usando map e iterando sobre él
const arr = props.colors.map((item,index)=>{ return config[item]; })