code
<div id="react-content"></div>
import React, { Component } from 'react';
import ReactDOM from 'react-dom';
import Rcf from 'index.js';
class A extends Component {
handleClick = () => {
const store1 = this.props.store1;
store1.setStore({
a: store1.a - 2,
});
}
render() {
return <div>
A:
{this.props.store1.a}
<button onClick={this.handleClick}>
click
</button>
</div>;
}
}
class B extends Component {
render() {
return <div>
B:
{this.props.store1.a}
</div>;
}
}
const store = {
store1: {
a: 1,
},
};
ReactDOM.render(<div>
<Rcf store={store}>
<A />
<B />
</Rcf>
<Rcf store={store}>
<B />
</Rcf>
</div>,
document.getElementById('react-content'));