Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

108
Vistas
framework7 reaccionar - cambiar de pestaña mediante programación

estoy usando este proyecto de ejemplo como plantilla https://github.com/codivoire/cordova-framework7-react

Ahora, creé una página con pestañas y dentro de la pestaña 1 tengo un botón.

Intento esto: cuando hago clic en el botón, la pestaña debe cambiarse a la segunda pestaña.

 import { Page, Navbar, Block, BlockTitle, List, ListItem } from "framework7-react"; import RegisterBackButtonAction from "../../services/RegisterBackButtonAction"; export default class SecondPage extends Component { constructor(props) { super(props); } nextTab(tabId) { // .???????????????? } componentDidMount() { RegisterBackButtonAction(this.$f7router); } render() { return ( <Page> <div class="tabs-swipeable-wrap tabs-swipeable-wrap-start"> <div class="tabs"> <div id="tab1" class="tab tab-active"> <a class="button " onClick={() => this.nextTab('tab2')>Test!</a> </div> <div id="tab2" class="tab"> </div> <div id="tab3" class="tab"> </div> </div> </div> <div class="toolbar tabbar toolbar-bottom"> <div class="toolbar-inner"> <a href="#tab1" class="tab-link tab-link-active"> <i class="ion ion-md-radio-button-off"></i> </a> <a href="#tab2" class="tab-link"> <i class="ion ion-md-radio-button-off"></i> </a> <a href="#tab3" class="tab-link"> <i class="ion ion-md-radio-button-off"></i> </a> </div> </div> </Page> ); } }

Espero que alguien pueda ayudarme con este problema.

about 4 years ago · Juan Pablo Isaza
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda