首页 > 其他分享 >Ant Design 设置必填属性的一个坑!Objects are not valid as a React child (found: object with keys {requiredMsg})

Ant Design 设置必填属性的一个坑!Objects are not valid as a React child (found: object with keys {requiredMsg})

时间:2024-03-28 11:46:57浏览次数:28  
标签:meant use 必填 render React array children

1、刚开始,我是用第一种方式。通过一个变量,来设置必填属性的提示值

 显示是没有问题的。

但是点击ModalForm 确认按钮时,报错

Objects are not valid as a React child (found: object with keys {requiredMsg}). If you meant to render a collection of children, use an array instead.

 

解决:

 最后将message 换回固定的写法,就没有问题了!

 

标签:meant,use,必填,render,React,array,children
From: https://www.cnblogs.com/wwssgg/p/18101244

相关文章

  • vue/react- 报错Unable to authenticate, need: BASIC realm=“Sonatype Nexus Reposi
    问题描述在vue/react(node.js)项目中,node安装依赖install装包时报错:Unabletoauthenticate,need:BASICrealm=“SonatypeNexusRepositoryManager“如果我们报错差不多,就可以完美解决。解决方法这个问题,其实......
  • Vue 与 React:前端框架对比分析
    ......
  • 使用可迭代对象作为 React 组件
    源码最近看React源码的时候发现其在处理数组的同时也对可迭代协议做了处理,因此React组件可以是一个返回可迭代对象的函数。源码如下:reconcileChildFibersImplif(isArray(newChild)){returnreconcileChildrenArray(returnFiber,currentFirstChild,newChild,lanes,......
  • 深入理解 React 中的 children props 和 render props
    深入理解React中的childrenprops和renderprops在React中,childrenprops和renderprops是两种常见的组件复用模式,它们都可以帮助我们更好地组织和复用组件代码。虽然它们的实现方式有所不同,但都能够有效地实现组件之间的数据传递和功能共享。childrenpropsch......
  • react零基础到精通-1|基础概念,主要特性,s6语法,react相关的开发环境和工具,react简介,箭头
    致力于解决复杂视图层开发我呢提,全新的ui组件的开发理念,1.1React简介前端UI的本质问题是如何将来源于服务器端的动态数据和用户的交互行为高效地反映到复杂的用户界面上。React另辟蹊径,通过引入虚拟DOM、状态、单向数据流等设计理念,形成以组件为核心,用组件搭建UI的开发......
  • 【React】React 内置 Hook
        React内置Hook是一组允许你在函数组件中使用state和其他React特性的函数。它们极大地扩展了函数组件的功能,使得在无需编写class的情况下也能使用React的全部功能。以下是一些主要的React内置Hook的介绍:1.useStateuseState是用于在函数组件中添加......
  • 前端框架选择:Vue VS React
    目录Vue是什么?React又是什么?Vue的优缺点React的优缺点选择Vue选择ReactVuevsReact如今,大多数大型WebApp都是使用给力的JS前端开发框架构建的。其中人气最高的两个框架是——React和Vue。下面我将根据这两个框架实际应用深入刨析它们各自的特点,全面掌......
  • blog-engine-07-gatsby 建极速网站和应用程序 基于React的最佳框架,具备性能、可扩展
    拓展阅读blog-engine-01-常见博客引擎jekyll/hugo/Hexo/Pelican/Gatsby/VuePress/Nuxt.js/Middleman对比blog-engine-02-通过博客引擎jekyll构建githubpages博客实战笔记blog-engine-02-博客引擎jekyll-jekyll博客引擎介绍blog-engine-02-博客引擎jekyll-jekyll如何......
  • react 组件加上 displayName 属性的作用是什么
    react组件加上displayName属性的作用是什么在React中,为组件添加displayName属性的主要作用是方便调试和识别组件。在开发过程中,尤其是在查看浏览器开发者工具(如ReactDevTools扩展)时,displayName属性的值会显示为组件的名称,这对于追踪组件层次结构、查找特定组件以及理解组件之......
  • react要避免闭包问题,具体指的是哪些?
    react要避免闭包问题,具体指的是哪些?在React中要避免的闭包问题主要指的是以下几个方面:状态更新滞后问题:当在事件处理器、定时器、异步回调等闭包中直接引用状态变量时,可能由于闭包绑定的是变量的旧值,导致状态更新后闭包内的引用并未随之更新。例如,在useEffect或useCallba......