custom attributes don't work

custom-attributes-don-t-work.markdown

custom attributes don't work unless they're valid html5 attributes

A Pen by Deveedutta on CodePen.

License.

index.html

<div id="root">
    <!-- This element's contents will be replaced with your component. -->
</div>

script.babel

let myAttr = {'custom-attribute': 'I am missing',
              'data-standard-attribute': 'I present'}
let disableFlag = {
  disabled: true
}
ReactDOM.render(
  <button {...myAttr} {...disableFlag} >Hello</button>,
  document.getElementById('root')
);

scripts

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.3.1/react.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.3.1/react-dom.min.js"></script>