为何DropdownButtonFormField无需setState重建，而DropdownButton却需要？

我尝试探究该问题的原因并查阅了两者的官方文档，但未找到答案。以下是相关示例说明：

List<String> items = ["item1", "item2", "item3", "item4"];
class HomeScreen extends StatelessWidget {
  HomeScreen({super.key});
  String selectedItem = items[0];
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
          child: Padding(
            padding: const EdgeInsets.all(20.0),
            child: DropdownButton(
              value: selectedItem,
              onChanged: (value) => selectedItem = value!,
              items: items
                  .map(
                    (e) => DropdownMenuItem<String>(
                      value: e,
                      child: Text(e),
                    ),
                  )
                  .toList(),
            ),
...

这是一个居中放置DropdownButton的简单StatelessWidget：运行时选中项变更后，UI不会同步更新显示选中状态。

若仅将组件替换为DropdownButtonFormField，其余代码保持不变，选中项的变更会直接在UI中体现。

内容的提问来源于stack exchange，提问作者Abdelrahman Anwar