一种实现此目的的方法是通过使用React hooks中的useState钩子。以下是示例代码:
import React, { useState } from 'react';
const DefaultInputValue = () => {
// 初始化输入框的初始值为“默认值”
const [inputValue, setInputValue] = useState('默认值');
// 处理输入框的change事件
const handleInputChange = (event) => {
setInputValue(event.target.value);
};
// 渲染输入框
return (
);
};
export default DefaultInputValue;
在这个例子中,我们使用useState钩子来保存输入框的值。初始化输入框的初始值为“默认值”。当用户在输入框中键入时,我们在handleInputChange函数中更新输入框的值。
这个例子向我们展示了如何使用useState钩子保存输入框的默认值。当使用React类时,我们可以使用组件的构造函数来实现相同的逻辑。