AG-1053 Tidy react examples, make more idiomatic

src-examples/richGridDeclarativeExample/SkillsCellRenderer.jsx

@@ -0,0 +1,27 @@
+import React from 'react';
+import * as PropTypes from 'prop-types';
+import RefData from './RefData';
+
+export default class SkillsCellRenderer extends React.Component {
+
+    render() {
+        const skills = [];
+        const rowData = this.props.data;
+        RefData.IT_SKILLS.forEach((skill) => {
+            if (rowData && rowData.skills && rowData.skills[skill]) {
+                skills.push(<img key={skill} src={'images/skills/' + skill + '.png'} width={16} title={skill}/>);
+            }
+        });
+
+        return <span>{skills}</span>;
+    }
+
+}
+
+// the grid will always pass in one props called 'params',
+// which is the grid passing you the params for the cellRenderer.
+// this piece is optional. the grid will always pass the 'params'
+// props, so little need for adding this validation meta-data.
+SkillsCellRenderer.propTypes = {
+    params: PropTypes.object
+};