如何在使用CDN时调用react logger函数

问题描述 投票:1回答:1

我正在创建文件来学习反应自己。为了简化我使用cdn的事情,到目前为止一切都变得无用。我无法弄清楚如何将redux-logger中间件提供给我的Redux.applymiddleware fn。

我应该用/ * logger替换* / 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/[email protected]/dist/redux.js" crossorigin></script>
        <script src="https://unpkg.com/[email protected]/dist/redux-thunk.js" crossorigin></script>
        <script src="https://unpkg.com/[email protected]/dist/redux-logger.js" crossorigin></script>
        <script type="text/javascript" src="https://unpkg.com/[email protected]/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>
javascript reactjs react-redux cdn redux-logger
1个回答
2
投票

如果你检查redux-loggerUMD bundler配置,它在他们的GitHub repo:https://github.com/LogRocket/redux-logger/blob/master/rollup.config.js#L33中 - 你会看到他们将UMD包的模块命名为reduxLogger。所以你应该按如下方式访问它:

const logger = window.reduxLogger.logger
© www.soinside.com 2019 - 2024. All rights reserved.