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} />
}
}
ブレイズ テンプレート
<template name="LoginTemplate">
{{> atForm }} //Not displayed
{{> atForm state='signUp'}} // Displayed
</template>
しかし、 { {> atForm state='signIn'}} のような他の内部状態も同様に表示されません。
.meteor のパッケージ
useraccounts:unstyled
accounts-password
なぜこれが当てはまるのか、どうすればこの問題を解決できるのか、提案はありますか? 前もって感謝します。