Using reserved prop-names like className
and style
on custom components hurts readability, and makes the code harder to maintain.
These props should only be used for DOM nodes like div
, a
, span
, etc.
<Hello className='foo' />
<Hello style={{color: 'red'}} />
<Hello name='Joe' />
<div className='foo' />
<div style={{color: 'red'}} />