1

我需要使用或-来实现Slient-Renew令牌。oidc-clientredux-oidcnpm node module

我正在使用Identity Server Version 3.0Javascript ReactJs Client UI Application (Webpack Version 2)

我正在从 github 下载一个简单的 Javascript 应用程序,Slient Renew HTML 文件是

<!DOCTYPE html>
<html>
<head>
    <title>Silent Renew</title>
    <meta charset="utf-8" />
</head>
<body>
    <script src="./oidc-client.js"></script>
    <script>
        new Oidc.UserManager().signinSilentCallback();
    </script>
</body>
</html>

目前我创建了一条路线

<Route exact path='/SilentRenew' component={SilentRenew} />

组件代码是

import React from 'react';
import { connect } from 'react-redux';
import PropTypes from 'prop-types';
import UserManager from 'oidc-client';

/**
 * <p>.</p>
 * @extends Component
 */
class SilentRenew extends React.Component {

  constructor(props) {
    super(props);
    alert('Hai');
    const userManager = UserManager();
    userManager.signinSilentCallback();
  }


  render() {
    return (
      <div>Silent Renew</div>
    );
  }
}

export default SilentRenew;

我收到错误

在此处输入图像描述

请帮助我如何调用该signinSilentCallback方法。

4

1 回答 1

0

我会把代码

const userManager = UserManager();
userManager.signinSilentCallback();

在里面componentDidMount()而不是constructor().

检查 React 组件生命周期方法...

于 2018-08-07T04:11:36.003 回答