как можно поставить ссылку на props.children

Question

Я хочу оберточный модуль для многократного использования.

поэтому я создаю ItemComponent

export const DragItem = (props: DragProps) => {
  const [{... }, fooRef] = useFoo({

  })

  return (
    props.children // how can i send fooRef to here??
  )
}

Я должен отправить ссылку на props.children Возможно ли это?

Answer 1

отметьте это: https://codesandbox.io/s/gracious-williams-ywv9m Вам необходимо использовать React.cloneElement, чтобы прикрепить / передать дополнительные данные детям

export const DragItem = (props: DragProps) => {
  const [foo, fooRef] = React.useState({});
  var childrenWithRef = React.Children.map(props.children, function(child) {
    return React.cloneElement(child, { fooRef: fooRef });
  });
  return childrenWithRef;
};

Answer 2

Я понял.

export const DragItem = (props: DragProps) => {
  const [{... }, fooRef] = useFoo({

  })

  return (
    React.cloneElement(props.children, { ref: fooRef })
  )
}