Last updated Unknown

Status: Tags: Links: ReactJS

React CSS and Styles

Principles

• Cannot put two elements in at once, unless you type cast as a div
• class in html => className for JSX
  • ex) <p className="{name}">This is a paragraph</p>
  • Cannot apply to components, only elements

In-code styles

• Used for more dynamic js based on variables Inline

1

<p style={{color: "#00FFFF", fontSize: 24}}>This is a paragraph</p>

Using style var

1
2
3
4
5
6

const styles = {
	color: "#00FFFF",
	fontSize: 24
}

<p style={styles}>This is a paragraph</p>

Backlinks

1

list from React CSS and Styles AND !outgoing(React CSS and Styles)

References:

Created:: 2021-10-03 15:18