Reactjs Tipps

Propagating props to child components

//utils.js
import React from 'react'

export function childrenWithProps (props) {
  return React.children.map(props.children, child => {
      return React.CloneElement(child, { ...props });
    });
}

//------
//family.js
import React from 'react';
import { childrenWithProps } from 'utils.js'

export default props => <div>{childrenWithProps(props)}</div>;

//------
import React from 'react';
import Family from 'family';

export default () => {
  <Family myPropTosend="my value">
    <Kid name='Name 1' />
    <Kid name='Name 2' />
  </Family>
}

this.js

//Method 01
func () => {
  console.log(this);
}

//Method 02
function myFunc(){
  console.log(this);
}
  
<button onClick={()=>this.myFunc()}></button>         

//Method 03
this.bind = this.myFunc.bind(this);