Я пытаюсь создать вложенные горизонтальные вкладки в MaterialUI, я имею в виду первый уровень вкладок, который, когда вы нажимаете на него, открывает второй уровень вкладок.
Вот ссылка на рабочий реплицируемый Пример кода: https://codesandbox.io/s/sweet-pasteur-x4m8z?file= / src / App. js
Проблема заключается в следующем: когда я нажимаю на первом уровне, открывается второй уровень, когда я нажимаю на элемент из второго Уровень, я получаю следующую ошибку
Material-UI: the value provided to the Tabs component is invalid.
None of the Tabs' children match with "value21".
You can provide one of the following values: value11.
Чтобы повторить ошибку, вы можете сделать следующие шаги:
- Нажмите «Метка 1»
- Нажмите на «Метка 1.1»
- Ошибка выдана
Я не понимаю, почему эта ошибка, если я разделяю значения каждой вкладки в разных состояниях и, предположительно, все хорошо Может быть, способ, которым я использую для реализации вложенной вкладки, неправильный, есть идеи, что может произойти?
Спасибо.