ReactComponentWithCustomAttributes.js

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