小编All*_*yam的帖子

LinkedIn登录中的redirect_uri问题使用React

我试图通过此链接https://github.com/orionsoft/react-linkedin-login在React中添加LinkedIn身份验证.本教程没有提到redirect_uri我将其留空的原因.但是,当我尝试使用我的反应应用程序登录时,会发生错误redirect_uri在反应应用程序中使用什么是正确的.LinkedIn错误就像这样" redirect_uri与注册值不匹配".

我的网站网址是http:// localhost:3000

请参阅截图以获取LinkedIn Developer Console的设置

我在反应中添加代码

import React, { Component } from 'react';
import LinkedIn from 'react-linkedin-login'

class SocialLogin extends Component {
  constructor(props)
  {
    super(props);
  }
  
  callbackLinkedIn ({code, redirectUri}) {
    console.log(code+"linked in code")
  }

  
  render() {
    return (
      <div className="login-box">
        <div className="social-login">
             <LinkedIn
              clientId='***********'
              callback={this.callbackLinkedIn.bind(this)}
              text='LinkedIn' /> 
        </div>
      </div>
    );
  }
}

export default SocialLogin;

Run Code Online (Sandbox Code Playgroud)

我收到此问题" "redirect_uri与注册值" " 不匹配.请参考最后一张图片

我已经给出了4个重定向网址:

javascript reactjs

All*_*yam

2018 06-18

15
推荐指数

1
解决办法

1908
查看次数

如何匹配包含空格和不包含空格的两个字符串

例如:在DB中,我的字符串值就像"cell phones".如果我"cellphones"从前端得到字符串值.如何将其与DB字符串进行比较并获取相关的字符串值作为响应.

mongodb node.js mongodb-query aggregation-framework

All*_*yam

2018 09-29

15
推荐指数

4
解决办法

385
查看次数

IsValidated在反应stepzilla中不与redux一起使用

我使用react-stepzilla开发了多步骤注册表单.我在此注册中使用react和redux.

我需要验证步骤,然后按照这些步骤将验证添加到步骤中

我在步骤中添加了isValidated函数.
它正在反应但它不能在还原反应中使用反应可能是反应 - 步骤是HOC的问题.
我按照react-stepzilla模块git解决方案,但我收到错误"main.js:318未捕获的TypeError:无法读取属性'isValidated'的undefined"

//React stepzilla main component

const steps = [
	{ name: 'step1', component: <RegistrationType /> },
	{ name: 'step2', component: <PersonalDetails /> },
	{ name: 'step3', component: <ContactDetails /> }
]

class MultiStep extends Component {
	render() {
		return (
			<Fragment>
				<h1 className="page-header">Register for New Account</h1>
				<StepZilla
					steps={steps}
					stepsNavigation={true}
					nextButtonText='Save and Continue'
					backButtonText='Back'
					nextButtonCls="btn btn-warning active pull-right mr-0"
					backButtonCls="btn btn-primary pull-left ml-25"
          hocValidationAppliedTo= {[0,1, 2]}
				/>

			</Fragment>
		);
	}
}

Run Code Online (Sandbox Code Playgroud)