Можно ли получить доступ к пропсам child при итерации по Children.toArray(children) React

Question

Всем привет. Я пытаюсь сделать компонент, в котором хотелось бы проитерироваться по массиву потомков(1) и использовать их в другом компоненте(2) + использовать один из пропсов дочернего(1) компонента для его(2) настройки. При этом в консоли показываеся объект с нужными мне пропсами.

Выглядит это примерно так:

Answer 1

Пройти map'ом по массиву children:

export const MultiInput = ({ children }) => {
  return (
    <div>
      {children.map((child) => (
        <FormItem name={child.props.name}>{child}</FormItem>
      ))}
    </div>
  );
};

БЛОГ НА HUSL

Можно ли получить доступ к пропсам child при итерации по Children.toArray(children) React

Ответы (1 шт):