Изменение состояния, даже если компонент react-tabs не выбран
Я работаю с реагирующими вкладками.
state = {
tabIndex: 0
};
...
<Tabs
selectedIndex = {variable ? variable : tabIndex}
onSelect = {index => this.setState({ tabIndex: index })}
>
Если переменная не передана, страница открывается на вкладке 0. Но иногда я хочу открыть на определенной вкладке, поэтому я передаю, например, variable = 1. Но я также хочу обновить tabIndex, как я могу это сделать?
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
1
0
1 092
2
Перейти к ответу
Данный вопрос помечен как решенный
Ответы 2
tabIndex состояние компонента обновляется вами при выборе.
Ответ принят как подходящий
Вы можете инициализировать state переданным реквизитом (variable в этом примере) (если он передан)
constructor(props) {
super(props);
const {
variable = 0
} = this.props;
this.state = {
tabIndex: variable
};
}
и продолжайте использовать его как
<Tabs
selectedIndex = {tabIndex}
onSelect = {index => this.setState({ tabIndex: index })}
>
Другие вопросы по теме
Как изменить класс компонента через некоторое время?
Карты material-ui не имеют CSS при загрузке
Проверка React Joi uri необязательна
Как инициализировать метод в состоянии в конструкторе, который зависит от значения другого метода
Как отобразить самоуничтожающийся абзац в положении мыши в React?
Почему вызов API React Hooks Axios возвращается дважды?
Как я могу получить доступ к свойствам в компоненте, обернутом с помощью пользовательского HOC?
Apollo graphql возвращает нулевые данные для пустого вложенного документа в mongodb
Как визуализировать компонент React несколько раз, но каждый раз с обновленным состоянием?
Реагировать-выбрать ширину опции контейнера
Похожие вопросы
Пытаюсь понять, зачем лишние скобки в конце звонка
FadeOut один элемент и fadeIn другой элемент при наведении
Проверять числа до и после десятичной точки при нажатии клавиши
Регулярное выражение jQuery для десятичного числа [17, 2]
Как изменить класс компонента через некоторое время?
Push-подписка отписалась или срок ее действия истек, с кодом состояния 410
Проблема с отправкой данных формы на страницу PHP
Передать массив javascript в качестве параметра контроллеру
Chrome.storage.local Проблемы с записью ключей
Как настроить оператор if для изменения переменных
да, но когда я передаю переменную = 1, страница открывается на этой вкладке, мне не нужно выбирать вкладку