如何解决在 useEffect 中读取 riverpod 流值
我想从 useEffect
中的列表流中读取第一个值以选择返回列表中的第一个值。我如何以不同的方式执行此操作。
我正在使用 hooks_riverpod
final _locations = useProvider(locationsprovider); // provides AsyncValue<List<FacilityLocation>>
final _selectedLocationID = useState('');
useEffect(() {
_locations.when(
data: (locations) {
final _location = locations[0];
return _selectedLocationID.value = _location.locationID;
},loading: null,error: (err,stack) => null,);
return;
},[]);
解决方法
为什么不为列表中的第一个值创建另一个提供程序呢?您还可以为列表中第一个值的 id 创建一个额外的提供者。而不是在构建函数中处理所有这些逻辑。
class Facility {
const Facility(this.id);
final String id;
}
final locationsProvider =
StreamProvider<List<Facility>>((_) => Stream.value([Facility('A'),Facility('B')]));
final firstLocation = FutureProvider<Facility>((ref) async {
final locations = await ref.watch(locationsProvider.last);
return locations.first;
});
// Can also do this as a FutureProvider,just wanted to add flavor.
final firstLocationId = Provider<String?>((ref) => ref.watch(firstLocation).data?.value.id);
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。