TransWikia.com

Problema con Switch Case en React Native

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.

Add your own answers!

Ask a Question

Get help from others!

© 2024 TransWikia.com. All rights reserved. Sites we Love: PCI Database, UKBizDB, Menu Kuliner, Sharing RPP