score:1

Accepted answer

antd-mobile is based on react native. it's used a little bit differently for react components.

an example usage of useform for react native components is below:

import react from "react";
import { text, view, textinput, button, alert } from "react-native";
import { useform, controller } from "react-hook-form";

export default function app() {
  const { control, handlesubmit, errors } = useform();
  const onsubmit = data => console.log(data);

  return (
    <view>
      <controller
        control={control}
        render={({ onchange, onblur, value }) => (
          <textinput
            style={styles.input}
            onblur={onblur}
            onchangetext={value => onchange(value)}
            value={value}
          />
        )}
        name="firstname"
        rules={{ required: true }}
        defaultvalue=""
      />
      {errors.firstname && <text>this is required.</text>}

      <controller
        control={control}
        render={({ onchange, onblur, value }) => (
          <textinput
            style={styles.input}
            onblur={onblur}
            onchangetext={value => onchange(value)}
            value={value}
          />
        )}
        name="lastname"
        defaultvalue=""
      />

      <button title="submit" onpress={handlesubmit(onsubmit)} />
    </view>
  );
}

for reference, please check the documentation here.


Related Query

More Query from same tag