React JS Tutorials for Beginners - 8 - Adding State to Components

[linyijiang]

For people from 2019, use constructor Instead, and don't forget to bind this.
constructor(props){
super(props)
this.state = {editing:false}
this.edit = this.edit.bind(this)
//bind this.
this.save = this.save.bind(this)
//bind this.
}

[channel-xpiq]

How to make this code works in 2020? Can't make it work anyway. I know that I have to use constructor, but how and where? Could anyone help me, please?

[johanmendez]

//inline
render: function () {

return this.state.editing ? this.renderForm() : this.renderNormal();

}

[shawnirwin]

Last two tutorials did not work, something must have been changed or updated. Would be nice to have a way to download the actual files for each tutorial, I checked and double checked for errors, but find nothing, yet when I run these, the page comes up blank. The first few tutorials worked, but I had to change "var" to "let", as I was prompted to by WebStorm.

[herooyyy]

it doesnt work for me. In the console it gives me the following error:

-unreachable code after return statement -browser.min.js:37:6413

-Error: Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings. react.min.js:16:15608

[azizahtas]

People Always Complain About Free Stuff!

[lakhanrochwani]

Can someone please share the source code for this ..

[周子渝-be]

I don't understand those bad comments here. It's the best React tutorials I have ever seen, though the syntax should have been updated to ES6, but for those who have studied JS and some of the ES6 syntax, they should be able to modify their code pretty easily. Big thumb up for thenewboston, bro! Thanks for your coach.

[chrisyu]

why it changes the form after you click edit or save button by just set the value of state and you don't invoke render function again. I know the first the render function is invoked automatically. But after the button click, render is still invoked automatically?

[javadoctor]

Hey Bucky, quick question on this one. When we click edit, why does the div for only one form changes to text area and not others. In other words, when you click edit on beans, why does only beans text got converted into text area and not for Tuna? Thanks

[jgraves]

Boom roasted. love it. you are leveling me man.

[bhuvnesh]

How a particular editing is set to particular comment. I dont get it when I click on first edit it becomes editable and now if I click on second edit button how it is changing second textarea editable while it should disable first editable textarea because there is only one editing property.

[raaziatariq]

"Uncaught Error: Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings."
how to resolve this error? :/

[aviknandi]

please help me i did exact the same above describe | and my error is
(Uncaught TypeError: Cannot read property 'editing' of null)

[handsome_man]

boring...! this video needs more nudity