小编ext*_*eck的帖子

当react-hook-form Controller出现错误时如何聚焦?

我正在使用react-hook-form渲染自定义组件Controller

\n

如果使用时出现错误register,焦点正常,但Controller不正常。

\n

当自定义组件仅处理单个输入时,我能够找到一种处理错误的方法,但当它有多个输入时,我找不到处理错误的方法。

\n

表单.js

\n
import { Controller, useForm } from "react-hook-form";\nimport CustomInput from "./CustomInput";\nimport * as yup from "yup";\n\nconst schema = yup.object({\n  name: yup.object().shape({\n    first: yup.string().required(),\n    last: yup.string().required(),\n  }),\n});\nfunction Form() {\n  const {\n    handleSubmit,\n    control,\n    formState: { errors },\n  } = useForm({\n    defaultValues: { name: { first: "", last: "" } },\n    resolver: yupResolver(schema),\n  });\n\n  const onSubmit = (data) => console.log(data);\n\n  return (\n    <form onSubmit={handleSubmit(onSubmit)}>\n      <Controller\n        name="name"\n        control={control}\n        rules={{ required: true }}\n …
Run Code Online (Sandbox Code Playgroud)

reactjs yup react-hook-form

18
推荐指数
4
解决办法
3万
查看次数

如何在 expo-file-system 中调用 StorageAccessFramework 时下载文件而不显示目录选择 UI

我正在制作一个函数来保存通过expo-file-system. 在此代码中,当您在 Android 上单击下载按钮时,会出现文件选择 UI,当您选择文件时,就会下载该文件。但是,我希望文件能够像普通应用程序一样自动下载到特定目录中,而无需用户选择。

使用时requestDirectoryPermissionAsync,是否可以不使用SelectionUI,直接下载文件到指定路径?如果StorageAccessFramework没有这样的方法,有没有办法解决这个问题expo-file-system

代码

import * as FileSystem from "expo-file-system";

const { StorageAccessFramework } = FileSystem;

const saveAndroidFile = async (fileUri, fileName, contentType) => {
    try {
        const fileDir = StorageAccessFramework.getUriForDirectoryInRoot("Download");

        // This function calls the UI in the image below
        const permissions = await StorageAccessFramework.requestDirectoryPermissionsAsync(fileDir);
        if (!permissions.granted) {
            return;
        }

        try {
            await StorageAccessFramework.createFileAsync(fileDir, fileName, contentType)
                .then(async (uri) => {
                    await FileSystem.writeAsStringAsync(uri, fileString, { encoding: FileSystem.EncodingType.Base64 });
                    alert("Report …
Run Code Online (Sandbox Code Playgroud)

android storage-access-framework react-native expo expo-file-system

7
推荐指数
0
解决办法
484
查看次数