Meteor 帐户 {{> atForm }} 未显示
Meteor accounts {{> atForm }} not showing
我在基于 React 的 Meteor 应用程序中显示标准 Meteor 用户帐户登录模板 {{> atForm }} 时遇到问题。
我正在使用包装器组件在我的 React 应用程序中显示基于 Blaze 的模板。我正在尝试实现 Meteors useraccounts 包的标准登录表单。但是,当我在 Blaze 模板中使用 {{> atForm }} 时,不会显示登录表单。但是当我锁定像 {{> atForm state='signUp'}} 这样的特定状态时,就会显示该表单。
包装组件
import React, {Component} from 'react';
import ReactDOM from 'react-dom';
export default class AccountsUI extends Component{
componentDidMount() {
this.view = Blaze.render(Template.LoginTemplate,
ReactDOM.findDOMNode(this.container));
}
componentWillUnmount(){
Blaze.remove(this.view);
}
render () {
return <span ref={(ref) => this.container = ref} />
}
}
Blaze 模板
<template name="LoginTemplate">
{{> atForm }} //Not displayed
{{> atForm state='signUp'}} // Displayed
</template>
但也不会显示其他内部状态,例如 {{> atForm state='signIn'}}。
.meteor 中的包
useraccounts:unstyled
accounts-password
您对为什么会这样以及我如何解决这个问题有什么建议吗?
提前致谢。
答案是我自己解决的。问题是,当我重写代码时我已经登录了。所以唯一缺少的就是注销。因此,如果有人遇到同样的问题,请始终在您的应用程序中检查您是否已经登录。如果是这样,请务必注销,然后再将 {{> atForm}} 添加到您的模板中。
卸载 accounts-ui 似乎解决了我的问题
我在基于 React 的 Meteor 应用程序中显示标准 Meteor 用户帐户登录模板 {{> atForm }} 时遇到问题。
我正在使用包装器组件在我的 React 应用程序中显示基于 Blaze 的模板。我正在尝试实现 Meteors useraccounts 包的标准登录表单。但是,当我在 Blaze 模板中使用 {{> atForm }} 时,不会显示登录表单。但是当我锁定像 {{> atForm state='signUp'}} 这样的特定状态时,就会显示该表单。
包装组件
import React, {Component} from 'react';
import ReactDOM from 'react-dom';
export default class AccountsUI extends Component{
componentDidMount() {
this.view = Blaze.render(Template.LoginTemplate,
ReactDOM.findDOMNode(this.container));
}
componentWillUnmount(){
Blaze.remove(this.view);
}
render () {
return <span ref={(ref) => this.container = ref} />
}
}
Blaze 模板
<template name="LoginTemplate">
{{> atForm }} //Not displayed
{{> atForm state='signUp'}} // Displayed
</template>
但也不会显示其他内部状态,例如 {{> atForm state='signIn'}}。
.meteor 中的包
useraccounts:unstyled
accounts-password
您对为什么会这样以及我如何解决这个问题有什么建议吗? 提前致谢。
答案是我自己解决的。问题是,当我重写代码时我已经登录了。所以唯一缺少的就是注销。因此,如果有人遇到同样的问题,请始终在您的应用程序中检查您是否已经登录。如果是这样,请务必注销,然后再将 {{> atForm}} 添加到您的模板中。
卸载 accounts-ui 似乎解决了我的问题