---
group: guide
name: usage
title: 常见用例
index: 3
---

# 常见用例

### 面向 Class 风格

<iframe src="https://codesandbox.io/embed/mota-form-example-class-13hvd?fontsize=14&hidenavigation=1" title="mota-form-example-class" allow="geolocation; microphone; camera; midi; vr; accelerometer; gyroscope; payment; ambient-light-sensor; encrypted-media; usb" style="width:100%; height:500px; border:0; border-radius: 4px; overflow:hidden;" sandbox="allow-modals allow-forms allow-popups allow-scripts allow-same-origin"></iframe>

### 面向 Hook 风格

<iframe src="https://codesandbox.io/embed/mota-form-example-hook-j0mtq?fontsize=14&hidenavigation=1" title="mota-form-example-hook" allow="geolocation; microphone; camera; midi; vr; accelerometer; gyroscope; payment; ambient-light-sensor; encrypted-media; usb" style="width:100%; height:500px; border:0; border-radius: 4px; overflow:hidden;" sandbox="allow-modals allow-forms allow-popups allow-scripts allow-same-origin"></iframe>

### 动态增减表单项

<iframe src="https://codesandbox.io/embed/mota-form-example-dynamic-yz5h1?fontsize=14&hidenavigation=1" title="mota-form-example-dynamic" allow="geolocation; microphone; camera; midi; vr; accelerometer; gyroscope; payment; ambient-light-sensor; encrypted-media; usb" style="width:100%; height:500px; border:0; border-radius: 4px; overflow:hidden;" sandbox="allow-modals allow-forms allow-popups allow-scripts allow-same-origin"></iframe>