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

Question

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

我有8个复选框，名称=“a”和“b”分别为value =“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;
}

Answer 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?