state-component

A simple state management library to access and update React component state from other components.

Usage:

npm install state-component

import React from "react";
import ReactDOM from "react-dom";
import { setStateContainer, getState, setState } from "state-component";

export default class App extends React.Component {
  constructor(props) {
    super(props);
    setStateContainer(this);
    this.state = {
      counter: 0
    };
  }
  render() {
    return <Counter />;
  }
}

function Counter() {
  return (
    <div>
      <h1>{getState().counter}</h1>
      <button onClick={() => setState({ counter: getState().counter + 1 })}>
        Increment
      </button>
    </div>
  );
}

ReactDOM.render(<App />, document.getElementById("root"));