如何让React应用针对不同子域呈现不同内容？

我是部署、网络、路由、DNS记录处理领域的新手，目前正在开发一个项目，核心目标是多个子域指向同一个React应用，具体需求和疑问如下：

具体需求 #

• 前端仅允许通过子域访问（服务器IPv4为X.X.X.X，端口为YYYY）
• 所有子域都指向同一个React模板应用，但需根据访问的子域渲染专属元素（如图像、字体等）。例如访问www.sub1.example.com时，渲染对应sub1子域的专属内容
• 希望子域能间接实现类似「映射到应用特定路由」的效果：比如www.sub1.example.com等价于触发X.X.X.X:YYYY/sub1的路由逻辑（实际无法直接通过DNS实现，需要其他方式模拟）
• 必须使用子域访问，不能采用同一域名下的不同路由（如www.example.com/sub1）
• 由于子域/关联公司数量可能持续增长，不能为每个子域单独创建专属文件

疑问与求助 #

1. 针对上述需求，有哪些可行的实现方式？
2. 这种「单React应用+多子域」基于模板渲染多页面的方案是否常见？如果不常见，原因是什么？
3. 欢迎提供任何相关优化或实践建议

目前项目刚启动，尚未进行任何尝试，曾了解过类似的后端（Express）实现思路，但不确定如何适配React场景。

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