Я работаю с реагировать вкладки.

state = {
    tabIndex: 0
};

...

    <Tabs
                selectedIndex={variable ? variable : tabIndex}
                onSelect={index => this.setState({ tabIndex: index })}
              >

Если переменная не передана, страница открывается на вкладке 0. Но иногда я хочу открыть ее на определенной вкладке, поэтому я передаю, например, variable = 1. Но я также хочу обновить tabIndex, как я могу это сделать?

1
alo gon 29 Май 2019 в 23:47

2 ответа

Лучший ответ

Вы можете инициализировать state с помощью пропущенного пропеллера ( variable в этом примере ) (если он пройден)

constructor(props) {
  super(props);
  const {
    variable = 0
  } = this.props;

  this.state = {
    tabIndex: variable
  };
}

И продолжайте использовать его как

<Tabs
    selectedIndex={tabIndex}
    onSelect={index => this.setState({ tabIndex: index })}
>
0
Gabriele Petrioli 30 Май 2019 в 07:44

tabIndex в состоянии компонента обновляется вами при выборе.

0
Dima Meshkov 29 Май 2019 в 20:53
56368281