React 구성 요소 (JSX 없음)에서 렌더링 할 때 Polymer 객체 속성을 전달하는 방법

Question

Polymer 구성 요소의 HTML 태그에 지정된 속성에 객체 속성을 바인딩하는 방법을 보여주는 answer이 있습니다.

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); 
    } 
}; 

내가 모두 JSX를 사용하지 않도록하기 위해 노력하고있어 : 그래서 같은 반작용 구성 요소에서 렌더링 할 때 내가 원하는 무엇

는 그 같은 속성을 전달하는 것입니다.

activity-tracker 나는 그들이 그 그것을 할 수있는 가장 좋은 방법은 경우 ref 기능 만 I’m not sure를 사용하여 값을 패스 this post을 발견했습니다

중합체 성분

<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> 

업데이트입니다.

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

Answer 1

React의 가상 DOM 때문에 가능하지 않다고 생각합니다.