https://github.com/benpptung/react-children-with
return children with new props merged
https://github.com/benpptung/react-children-with
props react react-children
Last synced: 20 days ago
JSON representation
return children with new props merged
- Host: GitHub
- URL: https://github.com/benpptung/react-children-with
- Owner: benpptung
- Created: 2017-05-28T08:32:28.000Z (about 9 years ago)
- Default Branch: master
- Last Pushed: 2018-03-13T07:59:22.000Z (about 8 years ago)
- Last Synced: 2025-10-10T15:54:15.494Z (8 months ago)
- Topics: props, react, react-children
- Language: JavaScript
- Size: 5.86 KB
- Stars: 1
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
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....
```
```
in Parent, merge new_props to `GrandChild` and skip `Child`
```
const merge = require('react-children-with').deep;
var children = merge(props.children, {onSelect}, [GrandChild]);
```