React Day 3

Question 1

10:22 - (conditional) ternary operator = handy for …

Answer 1

simple things/one line pieces of code/if-else statements

Question 2

email.read ? ‘email read’ : email

Answer 2

if email.read is true then display email read, if false, display only just the email

Question 3

its onchange, onclick, onsubmit, as it is ppointing out the type of button.

Answer 3

ie addeventlistener (“click”)

Question 4

checked={false}
checked={true}
checked={email

Answer 4

no checked boxes
all checked boxes
read - checked boxes

Question 5

problem: We need to change the checked attribute
solution:

Answer 5

I need to update ‘email.read’ via state

Question 6

[roblem: When we click the checkbox we should see a chnag ine email.
solution:

Answer 6

I need to update ‘email.read’ via state

Question 7

you can still carry functions liek function toggleREad ()

But, there’s another way:

Answer 7

const toggleRead = ()

Question 8

What do we have that we can use to update state?

Answer 8

setword/setEmails

Question 9

a function is declared

Answer 9

and it is called next to onChange (which is another way of adding an event Listener ) , we then need to pass through an email, so we need to find an object that represents an email. So onchange ={() => toggleRead(email)
Whenever checkbox is clicked, it will display that email on concsole.log
… So now we have the target email in there

Question 10

email.map is not a function

Answer 10

we are setting emails with an object when emails is meant to be an array (of emails)
If this eerror appears, make sure you are putting the correct data type in

Question 11

.map, .forEach, etc. all of these ……… have …………. running through them

Answer 11

.map, .forEach, etc. all of these array methods have for loops running through them