属性编辑面板的更新有两种模式,一种是响应式的,这是默认的模式,即当你修改属性值的时候,立即更新属性,并根据值属性重新渲染webpart。第二种是非响应式的,如果指定非响应式模式,会在属性编辑面板下方自动添加一个Apply按钮,修改属性之后,需要点击这个按钮,才会修改属性值。
这个模式是通过disableReactivePropertyChanges这个属性控制的,默认返回值是false,也就是响应式:
protected get disableReactivePropertyChanges() {
return false;
}
返回false:响应式,即时更新属性值
返回true:非响应式,自动添加一个Apply按钮,点击按钮之后才更新属性值
响应式和非响应式所执行的事件是不同的,下面是属性编辑面板的事件执行顺序:
当打开属性编辑面板的时候执行下列三个事件
1. getPropertyPaneConfiguration: 读取属性面板的配置,返回值是IPropertyPaneConfiguration
protected getPropertyPaneConfiguration(): IPropertyPaneConfiguration;