小编use*_*720的帖子

如何在 Next.js 中持久化 redux 状态数据？

我最近在 Next.js 项目中设置了 redux，现在我正在处理持久化 redux 数据，以便在每次刷新页面时，我都可以拥有持久状态。所以我添加了 redux-persist 来处理这种情况，因为它是 react-redux 的最佳解决方案，但我不知道为什么它在 next.js 中也不能使用 next-redux-wrapper 或 withRedux 库。所以请帮助我解决这个问题，是否存在像 redux-persist 这样的东西？（虽然我不想要 cookie 的解决方案），如果是，那么请向我推荐带有示例的参考文献，这将非常有帮助。提前致谢...

我实际上试图在每个页面刷新后保持 redux 状态，所以我也使用了 redux-persist 和 next-redux-wrapper，但我遇到了错误

/store.js

    import { createStore, applyMiddleware } from 'redux'
    import { composeWithDevTools } from 'redux-devtools-extension'
    import thunkMiddleware from 'redux-thunk'
    import { persistReducer } from 'redux-persist';
    import storage from 'redux-persist/lib/storage';

    const persistConfig = {
      timeout: 0,
      key: 'root',
      storage,
    };
    const persistedReducer = persistReducer(persistConfig, reducer);

    export default () => {
      return createStore(persistedReducer,
        composeWithDevTools(
          applyMiddleware(
            thunkMiddleware
          ) …

Run Code Online (Sandbox Code Playgroud)

reactjs redux react-redux next.js

use*_*720

lucky-day

7
推荐指数

1
解决办法

1万
查看次数

仅根据客户端的选择下拉值过滤城市卡

$(function() {
        $('#cityselector').change(function(){
            $('.city').hide();
            $('#' + $(this).val()).show();
        });
    });

Run Code Online (Sandbox Code Playgroud)

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="row">
            <Select id="cityselector">
                <option selected value="All">All</option>
                <option value="Pune">Pune</option>
                <option value="Chennai">Chennai</option>
                <option value="Bengaluru">Bengaluru</option>
            </Select>
        </div>
        <div class="row">
            <div class="col-md-4 city" id="Pune">
                <div class="card">
                    <div class="card-image">

                    </div>  
                    <div class="card-content">
                        <span class="card-title">Pune- Koregaon Park</span>                    
                    </div>

                </div>
            </div>
            <div class="col-md-4 city" id="Pune">
                <div class="card">
                    <div class="card-image">

                    </div>  
                    <div class="card-content">
                        <span class="card-title">Pune- Vimannagar</span>                    
                    </div>

                </div>
            </div>
             <div class="col-md-4 city" id="Chennai">
                <div class="card">
                    <div class="card-image">

                    </div>  
                    <div class="card-content">
                        <span class="card-title">Chennai</span>                    
                    </div>

                </div>
            </div>

             <div …

Run Code Online (Sandbox Code Playgroud)

html javascript jquery bootstrap-4

use*_*720

2019 12-12

1
推荐指数

1
解决办法

187
查看次数