ar5had · June 19, 2017 12:40 · Jun 19, 2017
diff --git a/ReactComponentWithCustomAttributes.js b/ReactComponentWithCustomAttributes.js
@@ -0,0 +1,36 @@
+// Suppose we want a div to have some custom attributes, normally react wouldn't allow custom attributes
+// so this is a hack to att as much custom attributes to your component as you want
+
+class Div extends React.Component {
+
+  componentDidMount() {
+    this.addAttributes();
+  }
+
+  componentWillReceiveProps(nextProps) {
+    this.addAttributes();
+  }
+
+  addAttributes() {
+    this.props.attributes.forEach(attr => (this.button.setAttribute(attr.name, attr.value)));
+  }
+
+  render() {
+    const {className, id} = this.props;
+    return (
+      <div className={className} id={id}>
+        {this.props.content}
+      </div>
+    );
+  }
+}
+
+
+// Now use Div component
+
+const attributesObject = {
+  customAttr1: "attr1",
+  customAttr2: "attr2"
+};
+
+<Div attributes={attributesObject} className="mydiv" id="someid" content="This is div body content"/>