React.js combination of className and is attribute

Question

I have run into a weird issue in React. Normally when you set className it gets converted to class, but when you also set the is attribute, this does not happen. You have to use class instead. Is there a reason behind this behavior?

<div key={this.props.key} className='A B' is='x-custom-web-component'></div>

Can you give a code example of what you mean. What do you mean by the is attribute? — Andy Noelker
– Andy Noelker, Commented Mar 25, 2016 at 3:39
How are you creating your components? What version of React? — markthethomas
– markthethomas, Commented Mar 25, 2016 at 4:26
I'm using react 0.14.7. I'm experimenting with using custom elements from webcomponents in a react application. — jz87
– jz87, Commented Mar 25, 2016 at 5:03

Brigand · Accepted Answer · 2016-03-25 05:21:06Z

1

With web-components React passes all props directly as attributes. This is because a web-component could use an attribute called 'classname' and 'class' for different things. One exception is style which still uses an object.

answered Mar 25, 2016 at 5:21

Brigand

86.4k20 gold badges168 silver badges174 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

jz87 Over a year ago

So this is a special case behavior?

Collectives™ on Stack Overflow

React.js combination of className and is attribute

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related