Setting element attributes dynamically

withDynamicAttributes.jsx

/* withAttr.jsx */
import React from 'react'

const withAttr = (Component) => ({attrs, ...props}) => <Component {...attrs} {...props} />

export default withAttr


/* example.jsx */
import React from 'react'
import withAttr from './withAttr'

const SomeComponent = ({isSomeAttr}) => <div attrs={{ 'data-some-attr': isSomeAttr }} />

export default withAttr(SomeComponent)

// Will be rendered like
<div data-some-attr="true"></div>