Cannot read property name of null reactjs

Question

I get error cannot read property name of null when I try to log the name of target element.

 handle_text_input_change = (event) => {
    this.props.onChange(event);
    this.setState({text_input_value: event.target.value}, () => 
        {this.validate(event)});
 };

 validate = (event) => {
    let name = event.target.name;
    console.log("target name", name);
 }

sn42 · Accepted Answer · 2018-09-13 22:16:21Z

3

The target identifier is not known in the validate function's scope. Did you mean name?

let name = event.target.name;
console.log("target name", name);

answered Sep 13, 2018 at 22:16

sn42

2,4341 gold badge17 silver badges27 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

sn42 Over a year ago

@gayana Yes, if you pass in the event with parameter name event, you can access the name with event.target.name. You did this and saved the name in the local variable name, but in your console.logstatement you don't use the variable name or event.target.name, you used target.name which is not declared in that function.

gayana Over a year ago

hmm true...now within the validate method when i define as below, validate = (event) => { let name = event.target.name; console.log("target name", name); if (event.target.ValidityState.valueMissing) { this.setState({is_valid: false}); this.setState({error: {name} + 'cannot be empty'}); }}; i get cannot error can't read property valuemissing of null. Can u help me with this. thanks.

sn42 Over a year ago

@gayana Thats another question regarding regarding ValidityState in combination with react, ask a new question instead providing code in comments. I can't help you with that one.

Collectives™ on Stack Overflow

Cannot read property name of null reactjs

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related