vbatts/quay
Archived
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

two examples of implementing react components

Browse source
This commit is contained in:
Ian Minoso 2016-10-14 14:23:43 -04:00
parent 67e466ee11
commit 36b1ee2be9
3 changed files with 26 additions and 19 deletions
Download patch file Download diff file Expand all files Collapse all files

15
static/js/directives/components/testComponent.js
View file

@ -3,19 +3,18 @@
*/
var testComponent = React.createClass({
propTypes: {
prop1: React.PropTypes.string.isRequired,
prop2: React.PropTypes.string.isRequired
firstProp: React.PropTypes.string.isRequired,
secondProp: React.PropTypes.string.isRequired
},
render: function() {
return React.DOM.span(null,
'This is a react component: ' + this.props.prop1 + ' ' + this.props.prop2
'This is a react component: ' + this.props.firstProp + ' ' + this.props.secondProp
);
}
});
angular.module('quayPages')
.value('TestComponent', testComponent)
.directive('testComponent', function(reactDirective) {
return reactDirective(testComponent);
});
angular.module('quayPages').value('test-component', testComponent);
angular.module('quayPages').directive('testComponent', function(reactDirective) {
return reactDirective('testComponent');
});