从FormData构建查询字符串（#代码片段）
内容提要
这篇文章讨论了在Remix TypeScript中使用URLSearchParams构建查询字符串的问题。文章指出，尽管MDN上说可以将FormData传递给URLSearchParams构造函数，但TypeScript不允许这样做。原因是FormData可能包含非字符串类型的数据，而URLSearchParams无法处理这些数据。作者提出的解决方案是使用类型转换来避免这个问题。
延伸解读
TypeScript 报错背后的类型安全考量
TypeScript 拒绝将 FormData 直接传给 URLSearchParams，是因为 FormData 可能包含 File 等非字符串值，而 URLSearchParams 只能处理字符串。这种类型检查能提前暴露潜在运行时错误，避免在构建查询字符串时因非字符串数据导致异常。
类型断言的适用场景与风险
作者使用 `as unknown as Record<string, string>` 强制转换来绕过类型检查，这适用于明确知道 FormData 中不含文件等非字符串值的情况。如果实际数据包含非字符串，运行时仍可能出错，因此断言需谨慎，最好配合数据验证。
更安全的替代方案
若无法保证 FormData 中全是字符串，可遍历键值并过滤或转换非字符串类型，再构建 URLSearchParams。这样虽稍繁琐，但能避免类型断言带来的潜在风险，适合对健壮性要求高的场景。
Q&A
在Remix TypeScript中如何使用URLSearchParams构建查询字符串？
可以通过将FormData传递给URLSearchParams构造函数来构建查询字符串，但TypeScript对此有限制。
为什么TypeScript不允许将FormData传递给URLSearchParams？
因为FormData可能包含非字符串类型的数据，如文件，而URLSearchParams无法处理这些数据。
如何解决TypeScript对FormData的限制问题？
可以通过将FormData强制转换为Record<string, string>来解决TypeScript的错误。
MDN上关于FormData和URLSearchParams的说法是什么？
MDN上说可以将FormData传递给URLSearchParams构造函数，但在TypeScript中会出现问题。
使用FormData时可能会遇到什么问题？
使用FormData时可能会遇到包含非字符串类型数据的问题，这会导致运行时异常。
在处理表单数据时，有哪些替代方案？
可以迭代表单数据的键并进行类型保护，或者使用类型转换来避免TypeScript错误。
