react-children-with
v1.1.4
Published
return React children with new props merged in shadowly
Downloads
8
Readme
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 />
</Child>
<Child>
<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]);