Я пытаюсь установить состояние для двух отдельных входов в систему uPort в реагировать на избыточность.Я попытался сделать это ниже, однако я получаю сообщение об ошибке
Необработанный отказ (TypeError): _this.props.actions.connectUportDoc не является функцией
Я хочув основном для создания оператора if else.Если кнопка пациента нажата, нажмите для подтверждения LoginPatient.Если кнопка доктора нажата, нажмите, чтобы подтвердить LogDoDoctor.
class Login extends Component {
constructor(props) {
super(props)
// this.connectUport = this.connectUport.bind(this)
this.connectUportDoc = this.connectUportDoc.bind(this)
this.connectUportPatient = this.connectUportPatient.bind(this)
uportConnect.onResponse(ConnectReqID).then((res) => {
console.log('res.payload')
console.log(res.payload)
this.props.actions.connectUportDoc(uportConnect.state)
this.props.history.push('/confirmLoginDoctor')
})
uportConnect.onResponse(ConnectReqID).then((res) => {
console.log('res.payload')
console.log(res.payload)
this.props.actions.connectUportPatient(uportConnect.state)
this.props.history.push('/confirmLoginPatient')
})
}
connectUportDoc() {
const reqObj = {
requested: ['name', 'phone', 'country', 'avatar', 'email'],
notifications: true,
}
console.log(reqObj)
uportConnect.requestDisclosure(reqObj, ConnectReqID)
}
connectUportPatient() {
const reqObj = {
requested: ['name', 'phone', 'country', 'avatar', 'email'],
notifications: true,
}
console.log(reqObj)
uportConnect.requestDisclosure(reqObj, ConnectReqID)
}
render() {
return (
<a onClick={this.connectUportDoc.bind(this)}>Doctor Login</a>
<a onClick={this.connectUportPatient.bind(this)}>Patient Login</a>
)
}
}
const mapStateToProps = (state, props) => {
return {
uport: state.login.uport,
}
}
const mapDispatchToProps = (dispatch) => {
return { actions: bindActionCreators(AppActions, dispatch) }
}
export default withRouter(
connect(
mapStateToProps,
mapDispatchToProps
)(Login)
)