Reactコンポーネント（JSXなし）からのレンダリング時にPolymerオブジェクトのプロパティを渡す方法

Question

これは、ポリマーコンポーネントのHTMLタグで指定された属性にオブジェクトプロパティをバインドする方法を示すanswerです。私は完全にJSXを使用しないようにしようとしている

var myComponent = React.createClass({ 
    componentDidMount: function(){ 
    }, 
    render: function() { 
     var activities = this.props.activities.map(function(activity) { 
      return React.createElement("activity-tracker", {variable: {"title": activity.title, "description": activity.description}}); 
     }); 
     return React.createElement("div", null, activities); 
    } 
}; 

：私は何をしたいか

はそうのような構成要素に反応からレンダリングする際に、同じプロパティを渡すことです。

activity-trackerは、ポリマー成分

<dom-module id="activity-tracker"> 
    <template> 
     <p>{{variable.title}}</p> 
     <p>{{variable.description}}</p> 
    </template> 

    <script> 
     Polymer({ 
      is:"activity-tracker", 
      properties:{ 
       variable:{ 
        type:Object, 
        value: function(){return {};} 
       } 
      } 
     }); 
    </script> 
</dom-module> 

で更新

私はそれを行うための最善の方法である場合、彼らはref機能が、I’m not sureを使用して値を渡すthis postを見つけました。

... 
return React.createElement("activity-tracker", { 
    ref: function (ref) { 
      if (!ref) return; 
      ref.variable = {title: activity.title, description: activity.description}; 
     } 
    }); 
... 

Answer 1

Reactの仮想DOMのためにこれが可能とは思われません。