自定义组件

自定义组件赋予你在代码编辑器中编写 React 代码的能力，然后实时展示出相应的界面效果。你不仅可以创建丰富且高效的界面效果，更能利用自定义事件与外部控件互动，将你的设计转化为具备高度交互性的表单。

new!

新增 代码编辑器 可拖拽（方便实时预览）、代码格式化、预览功能功能，提升开发体验。

特性

• 实时展示：在代码编辑器中，你可以直接编写和编辑 React 代码，系统将会实时展示代码运行的界面效果。这不仅使得你可以迅速预览和检验代码，也极大地提高了开发效率。

• 互动性：借助自定义组件，你可以编写自定义事件，使自定义组件能够与表单中的其他控件进行互动，进一步提高表单的动态性和复杂性。

• 自定义：编写自定义组件非常简单，只需要在代码编辑器中书写符合 React 语法规范的代码即可。你可以利用现有的 React 组件库，也可以从零开始创建全新的组件。

使用方式

---

• 图片中标注 A 区域为自定义组件的代码编辑器，你可以在这里编写自定义组件的代码。
• 图片中标注 B 区域为自定义组件的预览区域，你可以在这里实时预览自定义组件的界面效果。

如何与其他控件互动

• ctx: 可以通过它来操作其它组件的值，或获取其它组件的内容
• useWatch: 需要监听外部组件变化时，可以使用 useWatch