我和我的团队正在尝试制作一个多页的React应用程序，我们每个人只有一页可以工作，为简单起见，我们假设只有3页-我必须设计登录/签名最后，另一个必须设计主页，在该主页上可以从API动态获取显示信息（为简单起见，我们将其称为API页面）。 我通过保持HTML文件不变来进行登录和注册页面，并且我已经使用react来渲染表单并通过在后端点击API来执行表单验证和帐户验证，而我仍然需要调用/login.html页面；而我的朋友已将整个HTML文件转换为react组件，他只是将侧边栏，searchbar等不同的组件呈现为一个js文件来显示网页。
以上哪种方法是制作React网页的更好方法？ 附言：这三页都可以独立运行。
我们如何集成所有3个页面，并确保除非他/她已经登录，否则一个用户将无法访问API页面？
我们正在使用webpack配置来运行文件。