React报错之`value` prop on `input` should not be null

原文链接：https://bobbyhadz.com/blog/react-value-prop-on-input-should-not-be-null[1]

作者：Borislav Hadzhiev[2]

正文从这开始~

总览

当我们把一个input的初始值设置为null或者覆盖初始值设置为null时，会产生"valueprop on input should not be null"警告。比如说，初始值来自于空的API响应。可以使用一个回退值来解决这个问题。

value-prop-on-input-should-not-be-null.png

这里有个例子来展示错误是如何发生的。

代码语言：javascript复制

export default function App() {
  // ⛔️ Warning: `value` prop on `input` should not be null.
  // Consider using an empty string to clear the component or `undefined` for uncontrolled components.

  return (
    <div>
      <input value={null} />
    </div>
  );
}

上述代码的问题在于，我们为input表单的value属性设置为null，这是不被允许的。

你也可能从远程API获取你的input表单的值，并将其设置为null。

回退值

为了解决该问题，我们可以通过提供回退值，来确保永远不会为input表单的value属性设置null。

代码语言：javascript复制

import {useState} from 'react';

const App = () => {
  // 


	

https 网络安全 react api 编程算法 


	




	
 0 人点赞