Stack Overflow en español Asked by oliverguez on February 14, 2021
actualmente estoy usando un Floating point action en react native con varias opciones para crear Cards.
Estas son las acciones que tiene el floating point y quiero usar el id_fp en el switch case para identificar que tipo de Card crear.
const actions = [
{
id_fp: 1,
text: "Añadir Anexo A",
icon: require("../assets/images/ic_accessibility_white.png"),
name: "btn_anexo_A",
position: 1,
},
{
id_fp: 2,
text: "Añadir Anexo B",
icon: require("../assets/images/ic_accessibility_white.png"),
name: "btn_anexo_B",
position: 2,
},
{
id_fp: 3,
text: "Añadir Anexo C",
icon: require("../assets/images/ic_accessibility_white.png"),
name: "btn_anexo_C",
position: 3,
},
{
id_fp: 4,
text: "Añadir Anexo D",
icon: require("../assets/images/ic_accessibility_white.png"),
name: "btn_anexo_D",
position: 4,
},
{
id_fp: 5,
text: "Añadir Anexo E",
icon: require("../assets/images/ic_accessibility_white.png"),
name: "btn_anexo_E",
position: 5,
},
{
id_fp: 6,
text: "Añadir Anexo F",
icon: require("../assets/images/ic_accessibility_white.png"),
name: "btn_anexo_F",
position: 6,
},
];
Mi floating action es el siguiente
<FloatingAction
showBackground = {false}
actions={actions}
onPressItem={ () => {
switch (id_fp) {
case 1:
infoAnexo = {
"name":"Anexo A"
}
this.setState(prevState => ({
categories: [...prevState.categories, infoAnexo]
}))
break;
case 2:
infoAnexo = {
"name":"Anexo B"
}
this.setState(prevState => ({
categories: [...prevState.categories, infoAnexo]
}))
break;
case 3:
infoAnexo = {
"name":"Anexo C"
}
this.setState(prevState => ({
categories: [...prevState.categories, infoAnexo]
}))
break;
case 4:
infoAnexo = {
"name":"Anexo D"
}
this.setState(prevState => ({
categories: [...prevState.categories, infoAnexo]
}))
break;
case 5:
infoAnexo = {
"name":"Anexo E"
}
this.setState(prevState => ({
categories: [...prevState.categories, infoAnexo]
}))
break;
case 6:
infoAnexo = {
"name":"Anexo F"
}
this.setState(prevState => ({
categories: [...prevState.categories, infoAnexo]
}))
break;
default:
console.log('no funciona')
}
}}
/>
No estoy muy seguro de la razon por la cual no funciona el switch, ya he tratado varias opciones y ninguna me ha servido, al hacer un console.log me dice que la variable id_fp no esta definida pero soy algo nuevo en react y no termino de comprender como hacer que funcione.
Mi state y constructor por si es necesario.
constructor(props){
super(props);
}
state = {
active: 'Informes',
categories: [],
}
Cualquier sugerencia seria de mucha ayuda.
Get help from others!
Recent Answers
Recent Questions
© 2024 TransWikia.com. All rights reserved. Sites we Love: PCI Database, UKBizDB, Menu Kuliner, Sharing RPP