Not able to show specific slide no?

I am not able to set the second active slide.

If I wanna active second slide instant of the first slide.

import React, { Component } from 'react';
import {Swiper,SwiperSlide} from 'framework7-react';

export default class extends(Component) {
    render() {
        return (
            <Page name="StateSelectPage" noToolbar noNavbar noSwipeback>
                  <SwiperSlide>Slide 1</SwiperSlide>
                  <SwiperSlide className="swiper-slide-active">Slide 2</SwiperSlide>
                  <SwiperSlide>Slide 3</SwiperSlide>

You can read swiper api doc here.

I don’t know how you use react. But they something as the doc says.

Index number of currently active slide