useObservable is a React Hook that help you use mobx and mobx-react.
useObservable use help update data automatically insteadof setState!
npm install mobx mobx-react react-use-mobxoryarn add mobx mobx-react react-use-mobx
import React, { useState } from 'react';
import { useObservable, observer } from 'react-use-mobx';
import { render } from 'react-dom';
const App = observer(() => {
const [ count1, setCount ] = useState({a: 1});
/**
* initialState must be Object!!!!!!
*/
const count2 = useObservable({a: 1});
return (
<div>
<h2>useState</h2>
<button onClick={() => setCount({a: count1.a 1})}>count: {count1.a}</button>
<h2>react-use-mobx</h2>
<button onClick={() => count2.a }>count: {count2.a}</button>
</div>
);
});
render(<App />, document.getElementById('root'));