4. Styling In React And Rendring Arrays JS

Question 1

How do you link a CSS file to a component file?

Answer 1

import ‘relative file path of the CSS file’

Question 2

In which file would you import the general.css file?

Answer 2

index.js file (entry point of the application)

Question 3

How is an array rendered within JSX?

Answer 3

function parentComponent() { return (<div>{array.map((el) => { return ; })}</div>); }

Question 4

How is inline styling done with JSX elements?

Answer 4

<element style={{cssproperty: val, cssproperty: val}}></element>

Question 5

How is an array rendered within JSX?

Answer 5

function parentComponent() { return (<div>{array.map((el) => { return <componentName element={el} key={el.id} />; })}</div>); }