react-children-with

send new props to children in React.

Installation

npm install -S react-children-with

Example

Instead of

const React = require('react');
var children = React.Children.map(this.props.children, child=> {
  return React.cloneElement(child, new_props);
})

Just write

const merge = require('react-children-with');
var children = merge(this.props.children, new_props);

or Instead of

const React = require('react');
var children = React.Children.map(this.props.children, child=> {
  return [Apple, Orange].indexOf(child.type) >= 0 ? 
    React.cloneElement(child, new_props) : child;
})

just write

const merge = require('react-children-with');
var children = merge(this.props.children, new_props, [Apple, Orange]);

merge.deep()

same as merge(), but it can merge props to grand child, or grand’s grand child….

<Parent>
    <Child>
        <GrandChild ></GrandChild>
    </Child>
    <Child>
        <GrandChild ></GrandChild>
    </Child>
</Parent>

in Parent, merge new_props to GrandChild and skip Child

const merge = require('react-children-with').deep;
var children = merge(props.children, {onSelect}, [GrandChild]);