代码之家  ›  专栏  ›  技术社区  ›  Robdll

使用cdn时如何调用react logger函数

  •  0
  • Robdll  · 技术社区  · 7 年前

    我正在创建文件来学习如何应对自己。 为了简化一些事情,我使用了cdn,直到现在一切都变得一团糟。 我不知道如何向redux.applymiddleware fn提供redux记录器中间件。

    我应该用什么替换/*logger here*/string?

    <!DOCTYPE html>
    <html lang="en">
        <head>
            <meta charset="UTF-8">
            <meta name="viewport" content="width=device-width, initial-scale=1.0">
            <meta http-equiv="X-UA-Compatible" content="ie=edge">
            <title>React step by step</title>
            <script src="https://unpkg.com/react@16/umd/react.development.js" crossorigin></script>
            <script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js" crossorigin></script>
            <script src="https://unpkg.com/redux@4.0.1/dist/redux.js" crossorigin></script>
            <script src="https://unpkg.com/redux-thunk@2.1.0/dist/redux-thunk.js" crossorigin></script>
            <script src="https://unpkg.com/redux-logger@3.0.6/dist/redux-logger.js" crossorigin></script>
            <script type="text/javascript" src="https://unpkg.com/babel-standalone@6.26.0/babel.js"></script>
        </head>
    
        <body>
            <div>Open your Dev tool!  (F12)</div> 
        </body>
        
        <script type="text/babel" >
    
            const reducer = (state = {}, action) => {
                return state;
            }
            //const myMiddleware = Redux.applyMiddleware( /* logger here */)
    
            const store = Redux.createStore( reducer/*, myMiddleware*/ );
    
            store.dispatch({ type: 'FOO'});
    
            const currentState = store.getState();
    
            console.log(currentState)
    
        </script>
    
    </html>
    0 回复  |  直到 7 年前
        1
  •  2
  •   GProst    7 年前

    如果你查一下 redux-logger UMD Bundler配置,在其Github回购中: https://github.com/LogRocket/redux-logger/blob/master/rollup.config.js#L33 -您将看到他们将UMD包的模块命名为 reduxLogger . 因此,您应该按如下方式访问它:

    const logger = window.reduxLogger.logger