React.js：输入字段有值但显示为空

Question

Facing a weird issue. I have an input field in my react app. I am setting the value of my input field using the defaultValue prop. But my input field is not populating. Its showing as empty ( "" ). But i can see the value in its value attribute in the dom.

Here are the react props of that input

Any idea what i am missing here?

Answer 1

You could use defaultValue only on uncontrolled components, but your input have onChange prop, and that makes it controlled. You should set your default value through the value prop.

https://reactjs.org/docs/uncontrolled-components.html - here some info about it.