Показать сообщение отдельно
  #1 (permalink)  
Старый 22.02.2020, 13:07
Интересующийся
Отправить личное сообщение для darktowerk56c Посмотреть профиль Найти все сообщения от darktowerk56c
 
Регистрация: 08.03.2019
Сообщений: 22

Как получить референции в React.js?
Всем привет. Ребята, подскажите, пожалуйста, как мне получить ссылки на ноды (референции) содержимого 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>
  );
};

Последний раз редактировалось darktowerk56c, 22.02.2020 в 16:28.
Ответить с цитированием