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

解决React输入框警告

最新推荐文章于 2023-06-10 20:02:19 发布

原创最新推荐文章于 2023-06-10 20:02:19 发布 · 3.7k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#乔乐共享 #众观千象 #每天进步一点点 #学习永无止境 #React

React 专栏收录该内容

32 篇文章

订阅专栏

本文介绍了一种常见的React警告——关于输入框value属性不应为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初始化值位空字符串

您可能感兴趣的与本文相关的镜像