Reactjs 无法将fluent ui复选框与SharePoint布尔或字符串列一起使用

Reactjs 无法将fluent ui复选框与SharePoint布尔或字符串列一起使用,reactjs,typescript,sharepoint-online,spfx,Reactjs,Typescript,Sharepoint Online,Spfx,我在SPFX(sharePoint框架,ReactJS/TypeScript)创建的Web部件表单上有复选框。 每次Web部件启动时,所有复选框都被选中(勾选),我希望它们不被勾选。我在SharePoint中尝试了字符串和布尔列来存储更改。他们将正确地提交到列表中(如果我将他们更改为勾选/未勾选),但他们总是按勾选方式启动 以下是州的初始化: FocusGroups: false, 以下是JSX: <Checkbox label="Focus Groups"

我在SPFX(sharePoint框架,ReactJS/TypeScript)创建的Web部件表单上有复选框。 每次Web部件启动时,所有复选框都被选中(勾选),我希望它们不被勾选。我在SharePoint中尝试了字符串和布尔列来存储更改。他们将正确地提交到列表中(如果我将他们更改为勾选/未勾选),但他们总是按勾选方式启动

以下是州的初始化:

 FocusGroups: false,
    
以下是JSX:

<Checkbox label="Focus Groups" checked={this.state.FocusGroups} onChange={this._onFocusGroupsToChange} />


下面是函数:

private _onFocusGroupsToChange = (ev: React.FormEvent<HTMLElement>, isChecked: boolean) => {
 
        this.setState({
        FocusGroups: isChecked,
 
       }, () => {console.log(this.state.FocusGroups, 'state.FocusGroups');});
 
     }

private\u onFocusGroupsToChange=(ev:React.FormEvent,isChecked:boolean)=>{
这是我的国家({
焦点组:已检查,
},()=>{console.log(this.state.FocusGroups,'state.FocusGroups');});
}
我可以通过将函数中的isChecked转换为字符串来解决这个问题,但这似乎是不必要的。
我做错了什么?

尝试使用defaultChecked属性:



如果默认情况下该复选框仍处于选中状态,请尝试清除浏览器缓存。

我发现了问题。SharePoint中“是/否”列的默认值为“是”。这就是为什么它显示为勾选。将其设置为“否”解决了问题。
哦,为SharePoint编写代码的可怕之处。

嗨,阿莫斯,我原以为这是可行的,但事实并非如此。如果我忽略复选框,则它将不允许我提交到SharePoint列表。这可能是无关的,但复选框提交到的SharePoint列是“是/否”字段,尽管复选框为空,但它们始终作为“是”提交。您可以接受您的帖子作为答案。
 <Checkbox label="Focus Groups"  onChange={this._onFocusGroupsToChange} defaultChecked={false}/>