Как отобразить контент на основе выбора в React? - PullRequest
0 голосов
/ 30 апреля 2020

У меня есть два компонента: компонент «Горизонтальная вкладка» и «Компонент вертикальной боковой панели», и оба компонента объединены в один компонент, т.е. в «Объединенный». js

Состояние компонента «Моя вертикальная боковая панель» содержит массив объектов, т. Е. const [items, setitems] = useState({ stude: [{ displayid: "12", name: "CHRIS" }, { displayid: "13", name: "RYAN" }] });

Как отобразить содержимое на горизонтальной вкладке, выбранной на основе выбранного параметра из компонента «Вертикальная боковая панель», с использованием response- bootstrap.

Теперь главная проблема заключается в том, хочу передать мой displayid на горизонтальную вкладку Компонент, для выбранного компонента вертикальной боковой панели, в котором я застрял в этом разделе

Быстрая демонстрация не работает, хотя из-за фальшивого URL https://codesandbox.io/s/autumn-violet-063pg?file= / App. js

1 Ответ

1 голос
/ 01 мая 2020

Объявите useState в комбинированном компоненте и передайте установщик компоненту Vertical , чтобы установить id onSelect , затем передайте id Вы попадаете на Горизонтальный . Здесь вы можете проверить пример .

...