← React Beginner Questions - Set 11 Q104

What is the difference between an inline style and CSS classes in React?

React Beginner Questions - Set 11

Example

1
2

<div style={{ padding: 16, color: '#1565c0' }} />   // inline object
<div className="card card--blue" />                   // CSS class

What to notice

• Inline is fine for dynamic one-offs; classes keep hover/media queries and caching.