---
title: 拦截器
summary: SDM 拦截器基础概念，介绍 dp-kit 对 DP 功能点的序列化反序列化和事件拦截机制。
questions:
  - 拦截器基础概念 的功能是什么？
  - 在 React 组件中如何使用 拦截器基础概念 Hook？
  - 如何在 SDM 模式下使用 拦截器基础概念？
  - 如何注册和取消 拦截器基础概念 的监听事件？
  - 拦截器基础概念 对不同类型设备的兼容性如何？
  - 拦截器基础概念 提供了哪些 UI 组件？
  - 拦截器基础概念 在面板小程序开发中的作用是什么？
  - 拦截器基础概念 支持哪些设备类型？
  - 开发面板时如何快速集成 拦截器基础概念？
  - 拦截器基础概念 的最佳实践有哪些？
---

## 拦截器

dp-kit 是一个 SDM 的拓展包，已内置支持，可以对 DP 按照协议规则进行序列化和反序列化。当设备 DP 上报时，触发 dpDataChange 事件，SDM 模型监听到该事件，并从左到右遍历调用 interceptors 拦截器，拦截器执行完成后将结果通过 context 发送到调用 useProps 的组件中。

{

<Block>
  <a href="https://developer.tuya.com/cn/miniapp-codelabs/codelabs/sdm-transformer/index.html#0">
    查看使用 SDM 拦截器和 DP 自定义协议解析教程
  </a>
</Block>
}