react-subcomponent

A stateless react component

Usage

Parent that holds state:

import React from 'react';
import Child from './child.js';
 
class Parent extends React.Component {
 
    constructor(props){
        super();
 
        this.state = {
            // some state
        }
    }
    render() {
        return (
            <Child parent={this}/>
        );
    }
}

Child that has no state but can access and set its parents state:

import React from 'react';
import SubComponent from 'react-subcomponent';
 
class Child extends SubComponent {
 
    handleClick(){
        this.setState({}) // sets parents state
    }
 
    render() {
        return (
            <div onClick={this.handleClick.bind(this)}>
                {this.state} // gets parents state
            </div>
        );
    }
}