我目前正在从事React项目，但是我来自Angular背景，我想知道在React中将业务逻辑与UI逻辑分开的最有效方法是什么。
我们有一个名为main的组件，它负责连接到我们的Firebase后端并检索数据，它还拥有很多状态（供其他组件使用）（从firebase返回），并呈现了很多HTML，包括路由，它是我们工具栏的直接上级。
我想把这种逻辑分离出来，尤其是要分离出与API相关的代码。
在Angular中，我将使用服务，在React中是否进行过依赖注入？
我们当前未使用redux，所以我当前的下一个最喜欢的选择是通过Context API提供程序类（https://dev.to/washingtonsteven/reacts-new-context-api-and-actions-446o）来实现这一目标
任何其他建议将不胜感激：）