小编Per*_*elo的帖子

创建编辑表单时,useEffect 不会更新react-hook-form 的默认值

I\xc2\xb4m 尝试在渲染编辑表单组件时填充material-ui datepicker字段的值,我可以在控制台中看到日期对象正在正确创建,但它没有传递到状态,不知道我是什么\xc2\xb4m 做错了。

\n

这是组件

\n
\nfunction DatePickerField(props) {\n\n    const { field , studentValues, control} = props;\n    const classes = useStyle();\n    const [date, setDate] = useState(null);\n   \n    \n    const handleChange = (date) => {\n        setDate(date)\n               \n    }\n\n    \n\n    // Check if the input name of the field we get from knack match the input name of the form and if yes display the value\n    useEffect(() => {\n        if (studentValues) {\n            const dataStudentArranged = DataStudent(studentValues);\n            dataStudentArranged.forEach((card) => {\n                card.cardValues.forEach((cardValue) => …
Run Code Online (Sandbox Code Playgroud)

reactjs material-ui react-hook-form

2
推荐指数
1
解决办法
2万
查看次数

使用 axioson 400 和 401 状态代码检索响应错误

I\xc2\xb4m 尝试使用 axios 进行身份验证,但何时出现错误 400 或 401,在电子邮件和密码丢失或错误的情况下,我无法从 API 获取响应消息,控制台记录 axios 错误仅向我显示以下内容:

\n
\n

错误=>错误:请求失败,状态代码400\nat createError(1.chunk.js:104463)\ nat解决(1.chunk.js:104697)\ nat XMLHttpRequest.handleLoad(1.chunk.js:103940)

\n
\n

不知道如何获得正确的响应,如下所示:\n{"errors":[{"message":"请提供电子邮件和密码。"}]}

\n

这是我的代码

\n
(...)\n\naxios.post('some api for authentication',\n        {\n            email: formData.email,\n            password: formData.password,\n            remember: formData.remember\n        })\n        .then(response => {\n          token = response.data.session.user\n          console.log('response =>', token)\n        })\n        .catch((error) => {\n          token = null\n          console.log('error =>', error)\n        })\n\n(...)\n
Run Code Online (Sandbox Code Playgroud)\n

谢谢

\n

javascript reactjs axios

2
推荐指数
1
解决办法
934
查看次数

如何在Fauna DB上高效查询和过滤?

例如,让\xe2\x80\x99s 假设我们有一个包含数十万个客户文档的集合,其中包含 3 个字段:姓名、月薪和年龄。

\n

如何搜索monthly_salary高于2000且年龄高于30的文档?

\n

在 SQL 中,这很简单,但在 Fauna 中,我很难理解最佳方法,因为索引项仅适用于完全匹配。我在文档中看到我可以使用 Filter 函数,但我需要提前获取所有文档,因此它看起来有点违反直觉并且不高效。

\n

下面是我如何实现它的示例,但不确定它是否\xe2\x80\x99 是最好的方法,特别是如果它包含大量记录。

\n
Map(\n  Filter(\n    Paginate(Documents(Collection('clients'))),\n    Lambda(\n      'client',\n      And(\n        GT(Select(['data', 'monthly_salary'], Get(Var('client'))), 2000),\n        GT(Select(['data', 'age'], Get(Var('client'))), 30),\n        )\n      )\n    ),\n    Lambda(\n      'filteredClients',\n      Get(Var('filteredClients'))\n      )\n  \n  )\n\n  \n
Run Code Online (Sandbox Code Playgroud)\n

这是正确的还是我\xc2\xb4m 缺少一些有关动物群和 FQL 的基本概念?\n有人可以帮忙吗?

\n

提前致谢

\n

faunadb

2
推荐指数
1
解决办法
1237
查看次数

React 功能组件,如何为每个文件导出多个组件

我需要为同一页面导出不同的组件,因为它们充当渲染其他组件的配置,我\xc2\xb4m 新来反应,所以我努力寻找解决方案。这是一个codesandbox,其中包含我想要实现的目标的简单示例: https://codesandbox.io/s/adoring-elion-fq4zt ?file=/src/App.js

\n

谢谢!

\n

---- 编辑 ----

\n

感谢您的所有答案,感谢您意识到我在组件命名中存在拼写错误,这就是我之前的尝试不起作用的原因。

\n

我把更新后的codesandbox留在这里,因为它可能对其他人有用:

\n

reactjs

1
推荐指数
1
解决办法
4470
查看次数