我怎樣才能在反應中保存黑暗模式state

Question

我想知道如何在我的組件中保存暗模式的 state，這樣我就可以使用它而無需在瀏覽不同頁面時一遍又一遍地獲取初始化值。 這是代碼：

class Toggle extends React.Component {
    constructor(props) {
        super(props);
        this.state = { isDark: false }
        this.handleOnClick = this.handleOnClick.bind(this);
    }
    handleOnClick = () => {
        this.setState(prevState => ({ isDark: !prevState.isDark }))

    }
    componentDidUpdate() {
        if (this.state.isDark === true) {
            setTheme('theme-dark');
        } else setTheme('theme-light');
    }

Answer 1

我會 go 看看 React Context，主題是它的主要用例https://reactjs.org/docs/context.html#dynamic-context