前端开发：问题汇总

1.Warning: [antd: Form.Item] `children` is array of render props cannot have `name`：

　　Form.Item里面只能包裹一个“子”，多个“子”外面需要多嵌套一层Form.Item。

<FormItem>
      <FormItem
        name="XXX"
        ...
      >
        <Input />
      </FormItem>
      <span>123</span>
</FormItem>

 2.Warning: Instance created by `useForm` is not connected to any Form element. Forget to pass `form` prop?：

　　这是因为调用form方法时，Modal还未初始化导致form没有关联任何Form组件。

　　解决方法：Modal添加属性：forceRender（强制渲染 Modal）。

3.Warning: validateDOMNesting(...): <form> cannot appear as a descendant of <form>.：

　　如下是错误原因，语法不规范，Form标签里面不能嵌套Form标签：

<Form>
    ...
    <Form></Form>
    ...
</Form>

 4.Invalid regular expression: /一个正则表达式/: Invalid group

　　部分浏览器不支持这种原生的双斜杠正则写法。

　　解决方法：换成new RegExp()的形式，其中如\d->\\d。

 5.window.scrollTo失效的可能原因：

(1)touch-action: none;

(2)height: 100%;

(3)overflow(x/y): [hidden、auto、scroll];

6.Next.js服务端渲染报错：did not match. Server: "xxx" Client: "yyy"

　　可能的原因（以导入数据为例）：水合反应，服务端渲染数据与本地渲染数据对应不上

　　一种解决方法（使用require导入）：

const { list } = require("@/xx/xx/xx");
setList(list.sort(() => Math.random() - 0.5)); // 本地渲染把顺序改变了，导致的问题