230909笔记：React表单

Q1：date类型input的输入日期格式化

将输入的日期值格式化为YYYY-MM-DD。

Q2：在React中使用单选按钮

1. 使用相同的name属性来将多个单选按钮分组。
2. 为每个单选按钮设置一个value属性。
3. 根据逻辑判断设置每个单选按钮的checked属性。
4. 构建一个onChange回调函数。

Q3：useCallback

用于缓存函数。

Q4：在React路由中返回上一页

1. 导入useNavigate钩子函数，来自React Router库。
2. 使用const navigate = useNavigate();初始化navigate变量。
3. 调用navigate(-1)以返回上一页。

Q5：如何一次性设置多个状态值

要一次性设置多个状态值，首先初始化状态和数据，如下：

// 初始化状态和数据
const [state, setState] = useState(fakeData);

然后构建一个回调函数以根据输入事件更新状态，例如：

function handleChange(event) {
  const { name, value } = event.target;
  setState((prevState) => ({ ...prevState, [name]: value }));
}

对于单选按钮，请确保name属性与要更新的状态属性名称匹配。