Flutter中State与Widget字段和React的state、props类比是否正确？及使用疑问

1. 关于Flutter与React状态/属性的类比理解 #

你的理解基本正确：

• Flutter中StatefulWidget的成员字段（比如示例里PlacesAdd类的db、coord），和React的props性质一致：由父组件传入，自身应保持不可变（建议声明为final），用于组件间的数据传递。
• State类的成员字段，则对应React的state：由组件自身控制和管理，通过setState()方法更新后会触发组件重建，用于保存组件的可变状态。

2. 是否需要把Widget字段复制到State中？ #

完全不需要，直接通过widget.db访问即可，原因如下：

• widget是State类内置的引用，会始终指向当前关联的StatefulWidget实例，父组件更新传入的参数后，widget.db会自动获取最新值，无需手动同步。
• 你示例中在build方法里用setState复制字段的写法是错误的：build会在组件重建时反复执行，这样会无限触发setState，导致组件陷入死循环，严重拖垮性能。

修正后的示例代码 #

// 调用方式：PlacesAdd(db: db, coord: coord)
class PlacesAdd extends StatefulWidget {
  // 建议声明为final，符合Widget不可变的设计原则
  final Database? db;
  final LatLng? coord;

  PlacesAdd({super.key, required this.db, required this.coord});

  @override
  State<PlacesAdd> createState() => _PlacesAddState();
}

class _PlacesAddState extends State<PlacesAdd> {
  void Function() onChoosePlace(_PlaceData place) {
    return () {
      widget.db?.insert(/*...*/).then((c) {
        // 处理插入后的逻辑
      });
    };
  }

  @override
  Widget build(BuildContext context) {
    // 直接使用widget.db、widget.coord即可
    return /* 你的组件结构 */;
  }
}

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