Всем привет. Ребята, подскажите, пожалуйста, как мне получить ссылки на ноды (референции) содержимого TabPanel в компоненте Tabs, при его инициализации?
https://codepen.io/darktowerk56c/pen/NWqbXmK
Я пробовал сделать вот такое решение, но что-то не так:
const Tabs = ({children}) => {
const node = useRef(null)
useEffect(() => {
console.log('useEffect()')
console.log('node', node)
}, [])
return (
<div className="tabs">
{
React.Children.map(children, (child, idx) => {
console.log('child', child)
const cloneElement = React.cloneElement(child, {
ref: {node}
})
return cloneElement
})
}
</div>
);
};