我怎样才能在反应中保存黑暗模式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