0

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

なぜこれが当てはまるのか、どうすればこの問題を解決できるのか、提案はありますか? 前もって感謝します。

4

2 に答える 2