javascript - 在 React 中分离组件

我有一个具有状态的父组件和一个使用 youtube-react api 创建视频播放器的子组件。子组件包含用于在视频播放器上工作的状态和方法（例如事件处理程序）。

我想问我是否应该通过将子组件设为无状态功能组件来分离子组件？我可以通过将子组件的所有方法和状态放在父组件中来做到这一点，然后通过道具将所有相关的方法/数据传递给子组件。

我对分离子组件的担忧是，这会使理解一切工作的方式变得混乱。此外，这将导致一个巨大的父组件，因为父组件已经包含其他子组件的方法和状态。

标签： javascriptreactjsreact-native

我认为这一切都取决于个人喜好。我喜欢编写可重用的组件并自己处理所有逻辑，以便我可以尽可能多地使用它们。这可能会导致某些组件变得比其他组件更大。