2.10.0 • Published 2 years ago

react-children-utilities

Licence

MIT

Version

2.10.0

Deps

Size

58 kB

Vulns

Weekly

Stars

382

Summary Dependency Versions

React Children Utilities

Extended utils for React.Children data structure that adds recursive filter, map and more methods to iterate nested children.

Installation

Can be added to your application after installing the peer dependency react

npm install --save react-children-utilities

Usage

This package extends the existing React.Children utilities, you can import it as a whole.

import React from 'react';
import Children from 'react-children-utilities';

const MyComponent = ({ children }) => {
  const onlySpans = Children.filter(children, (child) => child.type === 'span');
  return <div>{onlySpans}</div>;
};

Also you can import only the function you need

import React from 'react';
import { filter } from 'react-children-utilities';

const MyComponent = ({ children }) => {
  const onlySpans = filter(children, (child) => child.type === 'span');
  return <div>{onlySpans}</div>;
};