ant design mini input使用受控模式页面输入框没值

如果您使用 Ant Design Mini Input 组件的受控模式，但是页面输入框没有值，可能是因为您没有正确设置组件的 value 属性。请确保将 value 属性设置为表单数据中对应的值。同时，您还需要在 onChange 事件中更新表单数据。以下是一个示例代码：

import React, { useState } from 'react';
import { Input } from 'antd-mobile';

function MyForm() {
  const [formData, setFormData] = useState({});

  const handleInputChange = (name, value) => {
    setFormData({ ...formData, [name]: value });
  }

  return (
    <div>
      <Input
        type="text"
        value={formData.username}
        onChange={(e) => handleInputChange('username', e.target.value)}
      />
    </div>
  );
}

在上面的代码中，我们使用了 useState 来创建表单数据的状态，并在 handleInputChange 函数中更新表单数据。在 Input 组件中，我们将 value 属性设置为 formData.username，而 onChange 事件会在输入框的值改变时调用 handleInputChange 函数来更新表单数据。这样就能确保 Ant Design Mini Input 组件的受控模式正常工作了。