React-Hook-Form 中 setValue 出现 Argument of type ‘string‘ is not assignable to parameter of type never

link之家

链接快照平台

输入网页链接，自动生成快照
标签化管理网页链接

相关文章推荐

要出家的灌汤包 · 阮一峰 react 系列教程· 3 周前 ·

文雅的开水瓶 · 帆软mysql存储过程入参 ...· 2 周前 ·

高兴的四季豆 · 市交通运输局 ...· 1 月前 ·

有胆有识的椰子 · 青岛海边这几棵“网红”树，曾火到需要排队拍照 ...· 3 月前 ·

豁达的针织衫 · 湖北黄石着力发展先进制造业· 5 月前 ·

小胡子的羽毛球 · 这片竟然是真实事件改编· 1 年前 ·

坚强的遥控器 · 别克Enspire纯电动SUV ...· 1 年前 ·

在使用 React-Hook-Form 中，使用 setValue 方法出现：

Argument of type 'string' is not assignable to parameter of type 'never'.
主要是因为使用了 enum： 
// ❌ 使用一般的 enum 在使用 setValue 是會出現錯誤
enum UserField {
  USERNAME = 'username',
  EMAIL = 'email',
interface PersonalInfo {
  [UserField.USERNAME]: { firstName: string; lastName: string };
  [UserField.EMAIL]: string;
改用使用 object 搭配 as const： 
// ✅ 使用 Object as const
const UserField = {
  USERNAME: 'username',
  EMAIL: 'email',
} as const;
interface PersonalInfo {
  [UserField.USERNAME]: { firstName: string; lastName: string };
  [UserField.EMAIL]: string;
export default function App() {
  // ...
  useEffect(() => {
    // react-hook-form 才能正確解析 username.firstName 的型別
    setValue('username.firstName', 'PJCHENder');
  }, [setValue]);
  //...
Reference
 
[1] https://pjchender.dev/react/note-react-hook-form/
                    React-Hook-Form 中 setValue 出现 Argument of type ‘string‘ is not assignable to parameter of type never
                    主要是因为使用了enum改用使用object搭配asconst。
				在调整网络时遇到一个问题：
  File "D:\python\lib\site-packages\tensorflow_core\python\keras\engine\base_layer.py", line 529, in add_weight
    aggregation=aggregation)
  File "D:\python\lib\site-packages\tensorflow_core\python\training\tracking\base.py", line 712, in _add_variable_with_custom_getter
    **kwarg
TypeScript语法错误：
TS2345: Argument of type ‘string’ is not assignable to parameter of type ‘Element’.
类型"string"的参数不能赋给类型"Element"的参数。
报错内容以及对应代码：
报错的原因在于，该函数可接收的参数类型和实际接收的不匹配。
所以解决的方法是，将第二个参数转换成Element类型；或者更换另一种方法，插入元素的同时，还支持stri
import React from ' react ' ;
import { useForm } from ' react-hook-form ' ;
function App () {
  const { register , handleSubmit , errors
				经常用对象字面量的形式定义数据，如果遇到key是数组的话，很容易报错
Argument of type ‘string’ is not assignable to parameter of type ‘never’.
通常解决方式是用类型断言 as 来解决
 // app列表
  app = {
    loading: false,
    total: 1,
    visible: false,
    title: '',
    name: [] as Array<string>
$ npm install to-readable-stream
import toReadableStream from 'to-readable-stream' ;
toReadableStream ( ':unicorn::rainbow:' ) . pipe ( process . stdout ) ;
toReadableStream（值）
 返回一个 。
类型： string | Buffer | Uint8Array string | Buffer | Uint8Array
 转换为流的值。
-此模块的更高级版本
Tidelift帮助维护人员实现开源的可持续发展，同时为公司提供帮助有关其依赖项的安全性，维护和许可的保证。
				在使用keras-yolov3 + Kalman-Filter 进行人体多目标追踪（含代码）做实验时遇到问题
TypeError: loop of ufunc does not support argument 0 of type Tensor which has no callable arctan method
self.u = np.round(np.dot(self.F, self.u))
self.u = np.round(self.u + np.dot(K, (self.b - np.dot(self.A, self.u))))
断点可以看到传入的参数self.
$ npm install react-hook-form react-hook-form-auto --save
 不推荐使用
1.2.0适用于react-hook-form 6+。
 1.1.0适用于r
npm install react-typeform-embed
 import React from 'react' ;
import { ReactTypeformEmbed } from 'react-typeform-embed' ;
class App extends React . Component {
  render ( ) {
    return < ReactTypeformEmbed xss=removed> ;
 有关更多示例，请参见源。
观看，或运行： 
git clone https://github.com/alexgarces/react-typeform-embed
cd react-typeform
				根据您提供的错误信息，看起来是在设置`summaryData`的初始状态时出现了问题。根据错误信息中的提示，`PageUtilsEleYj`类型无法赋值给`null`类型。
解决这个问题的方法是将初始状态设置为`PageUtilsEleYj`类型的空对象，而不是`null`。可以使用`useState`的初始值参数来实现：
```jsx
import React, { useState } from 'react';
// 在组件中添加state，并设置初始状态为空对象
const [summaryData, setSummaryData] = useState<PageUtilsEleYj>({}); // 将null改为{}
// 修改请求函数，将返回的res值存储到state中
request={async (params) => {
  const res = await getEleYjByCondition(params);
  setSummaryData(res);
  return res;
这样，`summaryData`的初始状态会被设置为一个空对象。然后，您可以在渲染时检查`summaryData`是否为`null`或者为空对象，并根据情况来渲染相应的内容：
```jsx
<ProTable.Summary.Row className='total' style={{textAlign: 'center'}}>
  {/* 合计行内容 */}
  <ProTable.Summary.Cell colSpan={2} index={0} >总计</ProTable.Summary.Cell>
  <ProTable.Summary.Cell index={2}>{summaryData && summaryData.total}</ProTable.Summary.Cell>
</ProTable.Summary.Row>
这样就能避免类型错误，并且在请求返回后将res的值渲染到ProTable.Summary.Cell上。