我有一个具有状态的父组件和一个使用 youtube-react api 创建视频播放器的子组件。 子组件包含用于处理视频播放器的状态和方法（例如事件处理程序）。
我想问我是否应该通过使其成为无状态功能组件来分离子组件？ 我可以通过将子组件的所有方法和状态放在父组件中，然后通过 props 将所有相关方法/数据传递给子组件来做到这一点。
我对分离子组件的担忧是，这将使理解一切工作方式变得混乱。 此外，这将导致一个巨大的父组件，因为父组件已经包含其他子组件的方法和状态。
我认为这一切都归结为个人喜好。我喜欢编写可重用的组件并自行处理所有逻辑，以便我可以尽可能频繁地使用它们。这可能会导致某些组件比其他组件变大。
我认为一个很好的起点在这里：https://reactjs.org/docs/thinking-in-react.html