How does this React component work?

JavaScript
1

I don’t understand what makes the text appear on click in this lesson. There must be some CSS behind making it appear, and visibility: true is not valid CSS as far as I know, so values of visible and hidden must be bound to the boolean value of state.visibility somehow. But how? What exactly makes the text appear?

2

It’s not CSS, it’s JS. The point is that the state of this.state.visibility determines which version gets rendered.

3

Change the first line of the render method to:

console.log('this.state', this.state)

to watch state change as you press the button.

4

I get it now, thank you. Somehow I missed that.

5

React is weird at first. But it’s really cool once you get the hang of it. And then Redux will be weird at first…

6

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.