Reactコンポーネント内でBlazeテンプレートのプロパティを変更する方法

Question

私はReact + MeteorプロジェクトでAccounts UIの流星パッケージを使用していて、align="right"のloginButtonsテンプレートをレンダリングします。 Blazeでは、コードは{{> loginButtons align="right"}}になりますが、私はReactにこのプロパティを追加する方法を失っています。

import React, { Component } from 'react'; 
import ReactDOM from 'react-dom'; 
import { Template } from 'meteor/templating'; 
import { Blaze } from 'meteor/blaze'; 

export default class AccountsUIContainer extends Component { 
    componentDidMount() { 
    this.view = Blaze.render(Template.loginButtons, // How do I give loginButtons `align="right`? 
    ReactDOM.findDOMNode(this.refs.container)); 
    } 

    componentWillUnmount() { 
    Blaze.remove(this.view); 
    } 

    render() { 
    return <span ref="container" />; 
    } 
} 

私はBlaze.renderWithData()は、ソリューションの一部であってもよいと思うが、この方法では、私のテストでは、これまで働いていません。以前はReactでBlazeテンプレートを使用するソリューションを作った人もいると思いますが、これらの代替ソリューションがMeteor 1.4でこの問題を解決するための「正しい」方法であるかどうかはわかりません。

Answer 1

答えはドキュメントの中にありました。最初にmeteor add gadicc:blaze-react-component、次にコンポーネント内

import React from 'react'; 
import Blaze from 'meteor/gadicc:blaze-react-component'; 

const App =() => (
    <div> 
    <Blaze template="loginButtons" align="right" /> 
    </div> 
);