Logo
Section 1 / 7

简介:高级回调

了解回调函数可用的新选项。

导入

简介:高级回调

了解回调函数可用的新选项。

我们将通过引入回调函数的新选项,将应用程序提升到一个新的抽象层次和更强的功能水平。我们一贯遵循的模式是:为用户提供一个可交互的组件。基于该组件提供的特定选项,用户可以影响某些操作,例如生成图表等。接下来,我们将探讨其他选项,比如延迟执行回调,直到发生某个特定事件(例如点击“提交”按钮)时才执行。我们还将研究如何让用户通过添加新的动态组件来修改应用程序本身的布局。我们将运用这些知识,对之前介绍过的聚类功能进行一项虽小但至关重要的改进。

...

我们将首先介绍回调函数中可选的 State 参数。迄今为止,我们的所有回调函数在用户更改任一输入后都会立即触发。但在许多情况下,我们希望用户先设置若干选项,然后点击“提交”按钮才触发回调函数。这一点在存在多个输入时尤为重要,因为如果输出在用户尚未完成设置时就频繁变化,会显得烦人或不自然。在其他情况下,这些回调可能执行时间较长,或者运行成本较高。此时,我们希望阻止执行,直到用户决定主动触发。

确立 State 概念之后,我们将探索一种新型动态回调,使用户能够通过添加新图表等方式对应用进行修改。到目前为止,我们仅允许用户修改交互式组件中的输入值。现在我们可以更进一步,引入根据用户交互动态生成的组件。

最后,我们将简要了解 模式匹配回调,它能以一种高效的方式将动态创建的交互式组件连接起来。

本节将涵盖以下主要内容:

  • 理解 State
  • 创建控制其他组件的组件
  • 允许用户向应用中添加动态组件
  • 引入模式匹配回调

使用 Plotly Express 进行数据操作与准备

理解状态