在聚焦数字框(输入数字“type=”)上，应清除defaultValue(0)，并在Reactjs中为空

Question

请帮我清空号码栏。提前谢谢。

    const [number,SetNumber] = useState(0)
    const handleFocus = (event) => {
       //If it is text box setNumber("")
       //for number box, how to clear?
    }
    return (
        <div>
            <form>
                <input type="number" onFocus={handleFocus} value={number} />
                <button>Submit</button>
            </form>
        </div>
    )
}```

Answer 1

请改用占位符：

const [number,setNumber] = useState(null)

<input 
  type="number" 
  onChange={() => setNumber(this.value)} 
  value={number || ''} 
  placeholder="0" />

它可以做到：

由于placeholder.

• The初始值为空，
• 在输入字段上显示0。
• 当用户键入时，将显示数值。