是否可以使用函数设置DefaultCheck?应对

时间:2018-01-02 18:26:10

标签: javascript reactjs dom checkbox

我有一个获得道具的组件 一个:[] B:[] 值可能是1,2,3,4

我有8个复选框,名称=" a"和" b"值=" 1" ," 2"," 3"和" 4"分别 如果它是onClick或onChange我可以通过event.target.value和event.target.name获取它们

是否可以使用函数设置defaultChecked?

之类的东西
<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;
}

1 个答案:

答案 0 :(得分:1)

  

是否可以使用函数设置defaultChecked?

是的,这是可能的,但你不需要绑定任何东西,只需调用一个函数并根据条件返回true或false。不需要绑定函数,因为您要调用函数并将重新调整的值赋给defaultChecked

像这样:

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

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

有关详细信息,请查看以下答案:Why is JavaScript bind() necessary?