CODEWITHSUNDEEP
javascriptreactjsdomcheckbox
iMMuNiTy
iMMuNiTy

Reputation: 476

Is it possible to set DefaultCheck with function? React

I have a component which get props a:[] b:[] values might be 1, 2, 3, 4

I have 8 checkboxes with name="a" and "b" with value="1" , "2","3" and "4" respectively if it was onClick or onChange I can get them by event.target.value and event.target.name

is it possible to set the defaultChecked with function? something like

<input name="a" type="checkbox" value="1" defaultChecked={this.checkIt.bind(this,name,value)} />

checkIt(this,name.value) {
if (this.props.name.indexOf(value)>=0)
{
   return true;
}
return false;
}

Upvotes: 1

Views: 1383

Answers (1)

Mayank Shukla
Mayank Shukla

Reputation: 104529

Is it possible to set the defaultChecked with function?

Yes, it is possible, but you don't need to bind anything, simply call a function and return true or false on the basis of condition. Binding of function is not required because you want to call the function and assign the retuned value to defaultChecked.

Like this:

defaultChecked={this.checkIt(name,value)}

checkIt(name, value) {
    if (this.props.name.indexOf(value) >= 0)
        return true;
    return false;
}

For more details check this answer: Why is JavaScript bind() necessary?

Upvotes: 1

Related Questions