React中useState更新Select选项值问题：披萨订单配送方式无法切换

标题 #

使用#表示标题层级，数量越多层级越低：

二级标题 #

三级标题 #

四级标题

列表项 #

使用-开头创建无序列表，嵌套列表需缩进：

• 前端技术栈
  • React
  • TypeScript
• 后端技术栈
  • ASP.NET Core
  • Entity Framework Core

文本强调 #

用*包裹文本实现不同程度的强调：

• 斜体文本：用于次要信息的强调
• 加粗文本：用于核心内容的突出

代码与命令 #

用反引号`包裹单行代码，多行代码块用三个反引号包裹并指定编程语言：
单行代码：npm install @mui/material
多行代码块：

const handleDeliveryChange = (e) => {
  const option = e.target.value;
  setOrder({ ...order, deliveryOption: option });
  if (option === 'Collection') {
    setOrder({
      ...order,
      address1: '',
      address2: '',
      street: '',
      postCode: ''
    });
  }
};

引用文本 #

用>开头创建引用块：

编辑订单时需保留原有配送状态，切换为自提时自动清空地址字段，切换为配送时显示地址输入框。

链接 #

格式为[链接文本](目标URL)：
React 表单官方指南

图片 #

格式为[图片替代文本](图片URL)：
披萨订单系统编辑页示例