React项目中遇到的问题

不管，我要跨世纪

于 2021-11-03 13:50:29 发布

阅读量588

点赞数

分类专栏：项目文章标签： react.js javascript 前端

本文链接：https://blog.youkuaiyun.com/gengtieguang/article/details/121119339

版权

项目专栏收录该内容

5 篇文章

订阅专栏

本文主要介绍了在营销中心后台管理系统开发中遇到的React问题，包括使用'useForm'创建的实例未正确连接到Form元素的错误，以及Ant Design Input组件设置type为number后仍能输入'e'的异常情况。针对这些问题，提出了具体的解决策略，即确保传递'form'属性和限制输入内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

营销中心后台管理系统

1.译为：由’ useForm ‘创建的实例没有连接到任何Form元素。忘记传递’ form '道具?

Instance created by `useForm` is not connected to any Form element. Forget to pass `form` prop?
解决方法：form={form}

                  <Form form={form}>
                    <Form.Item name="editOrder">
                      <Input
                        maxLength={50}
                        autoComplete="off"
                        onPressEnter={setFold}
                      />
                    </Form.Item>
                  </Form>

2.antd 的 Input 组件设置 type未number 还是可以输入‘e’,因为e也是数字

解决方法

  const onNumerInputKeyDown = (event:any) => {
    if(event.key === "e" || event.key === "E") event.preventDefault();
  }
                <Form.Item name="sampleQuantity" label="交付样品数量：">
                  <Input
                    maxLength={9}
                    style={{ width: '180px' }}
                    type="number"
                    onKeyDown={onNumerInputKeyDown}
                  />
                </Form.Item>