美文网首页
react antd使用过程问题总结

react antd使用过程问题总结

作者: marlti7 | 来源:发表于2023-02-06 17:23 被阅读0次

    1.表单设置初始值 当form.item 有多子元素的时候 setFieldsValue 无效问题
    FormItem 的状态依赖于子元素,所以带 name 的 FormItem 不支持 renderProps以防止嵌套数组状态无法向上传递,因而文档里也不做透出。这种需求应该这么写:

    <Form.Item label="demo">
    <div>
    I am render props
    <Form.Item name="demo" noStyle>
    <Input placeholder="render props" />
    </Form.Item>
    </div>
    </Form.Item>

    参考:https://github.com/ant-design/ant-design/issues/20481

    2.动态增减嵌套字段

    嵌套表单字段需要对 field 进行拓展,将 field.name 应用于控制字段。

    3.主动触发表单验证。 form.validateFields(['name']) 对应校验对应name="name"的form.item
    当需要主动验证form.list中某一项时,参考如下:https://juejin.cn/post/6844904176770613261

    4.webpack css-loader 打包之后 可能出现图片路径不读的情况 将require改用import引入(https://juejin.cn/post/6931256137052651528

    相关文章

      网友评论

          本文标题:react antd使用过程问题总结

          本文链接:https://www.haomeiwen.com/subject/lqcszrtx.html