Имеется массив из нескольких компонентов, выводимых на экран.
Я сделал две функции, которые меняют индекс (+ и -), и функцию что возвращает элемент массива, согласно индексу.
Однако при нажатии, компонент не выводится на экран, и пропадает первый компонент, выводившийся по дефолту. Меж тем, console.log выводиться: $$typeof: Symbol(react.element).
const pages = [<Comp/>, <Comp2 />, <Comp3 />];
let index = 0;
const [page, setPage] = useState(pages[0]);
const rightHandler = () => {
if (index >= pages.length - 1) return;
index++;
showPosition();
};
const leftHandler = () => {
if (index <= 0) return;
index--;
showPosition();
};
function showPosition() {
return pages[index];
}
Подскажите пожалуйста, в чём я ошибся?