react

Question 1

map through json object

Answer 1

{questions.map((question) => {

… }

Question 2

what to use to navigate between pages ???

Answer 2

we can use 'navigate' from 'react-router-dom'
const navigate = useNavigate();
navigate("/dashboard", { replace: true });

Question 3

do something on change in div element / component

Answer 3

onChange={(e) => setEmail(e.target.value)}

Question 4

get time in some format [React, JS]

Answer 4

import moment from ‘moment’

useState(moment().format(‘YYYY’))

Question 5

how to use styles from file

Answer 5

import styles from ‘./local.module.css’;

className={styles.preview}
className={styles[‘container-long-tag’] - if there are some special characters like ‘-‘

Question 6

how to act if we want to use method from parent in child ???

Answer 6

HostShortForm({isBlocked, block, host}) - here ‘block’ is method from

Question 7

відступ всередені input

Answer 7

text-indent: 1.5em;

Question 8

put element on the first position (above all other components)

Answer 8

z-index: 1000;

Question 9

place by center

Answer 9

left: 50%;
right: 50%;
transform: translate(-50%, -50%);

Question 10

another method to place something in center

Answer 10

margin-left: auto;

margin-right: auto;