examples/example-b.md

code

<div id="react-content"></div>
import React, { Component } from 'react';
import ReactDOM from 'react-dom';
import Rcf from 'index.js';

const A = props => <div>

  A: 

  {props.a} 

  <button onClick={() => {
    props.set({
      a: props.a - 1,
    });
  }}>
    click
  </button>

</div>



const store = {a: 1};

class App extends Component {

  constructor(props) {
    super(props);
    this.state = {
      a: 1,
    }
    setInterval(()=>{
      this.setState({
        a: this.state.a - 1,
      })
    },1000);
  }

  render() {

    return <div>

      <Rcf store={store}>

        <A />

        this.state.a: {this.state.a}

      </Rcf>

    </div>

  }

}


ReactDOM.render(<App />, 

document.getElementById('react-content'));