React 应用构建后变量显示为 0 的问题解决方法

在 /components/InfoTotal.tsx 里的代码使用 npm run dev 的时候可以正常显示出 {numSorts} 和 {totalPosts}，使用 npm run build 生成静态页后 {numSorts} 和 {totalPosts} 都显示为 0 内容：这可能是因为在构建时，变量的值没有被正确地解析和替换。在使用 npm run build 命令时，React 应用程序会被打包成静态资源，并且在构建时，所有的变量都应该被处理成静态值。如果这些变量的值没有被正确地处理，那么在构建的静态页面中，这些变量的值将会是默认值，即 0。

解决这个问题的一种方法是在构建时将这些变量的值硬编码到应用程序中。可以使用环境变量或构建工具的配置来实现这一点。另一种方法是在构建时将这些变量的值保存在 JSON 文件中，并在应用程序中使用 fetch() 函数来获取这些值。这样可以确保在构建时，这些变量的值会被正确地解析和替换，同时也可以保证这些变量的值始终是最新的。

在这种情况下，可能需要检查构建工具的配置，确保在构建时正确地处理这些变量的值。同时，也可以尝试使用上述方法之一来解决这个问题。