`

Warning: `value` prop on `input` should not be null.

阅读更多

 

// console报错信息如下
Warning: `value` prop on `input` should not be null. Consider using the empty string to clear the component or `undefined` for uncontrolled components.
    in input (created by AddAddress)
    in div (created by AddAddress)
    in div (created by AddAddress)
    in AddAddress (created by RouterContext)
    in div (created by Unknown)
    in div (created by Unknown)
    in Unknown (created by RouterContext)
    in RouterContext (created by Router)
    in Router

 

 

原因解析:

由于input需要设置value,而初始化state里面的value值为null,导致react解析报Waring。

Warning: `value` prop on `input` should not be null. Consider using the empty string to clear the component or `undefined` for uncontrolled components.

 

解决方案:

1、waring忽略不管

2、设置input初始化值位空字符串

<input type="number" maxLength="6" placeholder="选填" value={postcode || ''} />

分享到:
评论

相关推荐

    arm.prop、global.prop、global.prop.def, 这三个文件直接复制粘贴到Keil的安装目录\UV4下

    本文将详细介绍标题中提到的`arm.prop`、`global.prop`、`global.prop.def`这三个文件以及它们在Keil中的作用,同时结合标签“arm”探讨与ARM开发相关的知识。 1. `arm.prop` 文件: 这个文件通常包含了针对ARM...

    jss-issue:演示将Material UI与react-jss的injectSheet一起使用时的问题

    Warning: Prop `className` did not match. Server: "Component- Unthemed- Static-root-26" Client: "Component-root-0-1" 这是因为createGenerateClassName从功能material-ui/styles不处理styleSheet.options....

    ReactJs包与教程

    ReactJS是Facebook开发的一款用于构建用户界面的JavaScript库,尤其适用于单页面应用。它主要关注视图层,但也可以与其他库或框架(如Redux、React Router)结合使用,以实现完整的应用程序开发。...

    Python库 | prop-request-1.2.2.tar.gz

    资源分类:Python库 所属语言:Python 资源全名:prop-request-1.2.2.tar.gz 资源来源:官方 安装方法:https://lanzao.blog.csdn.net/article/details/101784059

    Python库 | ndb_prop_gen-0.0.3.tar.gz

    资源分类:Python库 所属语言:Python 资源全名:ndb_prop_gen-0.0.3.tar.gz 资源来源:官方 安装方法:https://lanzao.blog.csdn.net/article/details/101784059

    global.prop.zip

    标题中的"global.prop.zip"是一个包含了该配置文件的压缩包,用于备份或分享这些个性化设置。 在Keil MDK中,`global.prop` 文件主要负责调整编辑器的颜色主题、字体大小、代码高亮等视觉元素,帮助开发者创建一个...

    Sortable前端框架

    draggable: ".item", // Specifies which items inside the element should be draggable ghostClass: "sortable-ghost", // Class name for the drop placeholder chosenClass: "sortable-chosen", // Class ...

    2020-web前端-vue项目出错-[Vue warn]: Invalid prop: custom validator check failed for prop “index”.

    1.在写循环的时候遇见这个的 原创文章 96获赞 50访问量 6万+ 关注 私信 展开阅读全文 作者:itwangyang520

    global.prop

    把该文件安装到C/Keil_v5/UV4路径,打开MDK,就可以看到黑色的编程背景了

    keil5-黑色主题→UV4→global.prop文件

    keil5—黑色主题→UV4→global.prop文件

    Keil颜色配置方案(global.prop)

    首先,你需要在Keil μVision中打开`Tools` -&gt; `Options for Target` -&gt; `Editor` -&gt; `Syntax Coloring`,然后导入对应的`.prop`文件。例如,如果你想要使用“黑色低调版”,只需将“黑色低调版”文件导入到Keil的...

    spring_MVC源码

    02. `id` int(10) unsigned NOT NULL AUTO_INCREMENT, 03. `name` varchar(45) NOT NULL, 04. `psw` varchar(45) NOT NULL, 05. PRIMARY KEY (`id`) 06.) 建好表后,生成实体类 [java] view ...

    test-local-storage

    填写表格并将表格数据保存到本地存储刷新页面请注意,用户输入的初始值显示为占位符样式选择输入获取初始值textarea不获取初始值检查页面以查看错误警告- Warning: Prop 'className' did not match. Server: "ant-...

    Keil护眼皮肤和主题

    首先,我们来了解一下`arm.prop`、`global.prop`和`global.prop.def`这三个文件的作用。在Keil μVision中,`.prop`文件是属性配置文件,它们用来定义IDE的各种显示设置,包括字体、颜色、背景等。这些设置可以根据...

    KEIL黑色主题、VS风格文件global.prop

    而`global.prop`文件是KEIL IDE中的一个重要配置文件,它允许用户自定义项目属性,包括界面主题。 这个特定的`global.prop`文件描述的是一个VS(Visual Studio)风格的黑色主题。VS风格通常指的是借鉴了微软Visual ...

    所有的 prop 都使得其父子 prop 之间形成了一个单向下行绑定:父级 prop 的更新会向下流动到子组件中,但是反过来则不

    在Vue.js框架中,prop(属性)是父组件与子组件间通信的主要方式。它们创建了一个单向数据流,确保了数据从父组件流向子组件,但不允许子组件直接修改父组件的状态。这一机制旨在保持数据流动的清晰性和可控性,避免...

Global site tag (gtag.js) - Google Analytics