react многостраничное приложение с сохранением состояния при помощи mobx

Question

только начинаю разбираться с mobx и у меня возник вопрос, можно ли каким-то образом сохранять состояние классов, которые мы создали при помощи функции makeAutoObservable().

Answer 1

это пример из доков mobx, что именно тут не понятно?

import React from "react"
import ReactDOM from "react-dom"
import { makeAutoObservable } from "mobx"
import { observer } from "mobx-react"

// Model the application state.
class Timer {
    secondsPassed = 0

    constructor() {
        makeAutoObservable(this)
    }

    increase() {
        this.secondsPassed += 1
    }

    reset() {
        this.secondsPassed = 0
    }
}

const myTimer = new Timer()

// Build a "user interface" that uses the observable state.
const TimerView = observer(({ timer }) => (
    <button onClick={() => timer.reset()}>Seconds passed: {timer.secondsPassed}</button>
))

ReactDOM.render(<TimerView timer={myTimer} />, document.body)

// Update the 'Seconds passed: X' text every second.
setInterval(() => {
    myTimer.increase()
}, 1000)

БЛОГ НА HUSL

react многостраничное приложение с сохранением состояния при помощи mobx

Ответы (1 шт):