是否可以使用功能设置 DefaultCheck？反应

Question

我有一个获取道具的组件 一种：[] 乙：[] 值可能是 1、2、3、4

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

是否可以设置 defaultChecked with 功能？ 像

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