在React中分离组件

时间:2019-01-25 10:34:31

标签: javascript reactjs react-native

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

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

我对分离子组件的担心是,这将使理解一切工作变得令人困惑。另外,由于父组件已经包含其他子组件的方法和状态,因此这将导致庞大的父组件。

1 个答案:

答案 0 :(得分:0)

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

我认为这里是一个很好的起点:https://reactjs.org/docs/thinking-in-react.html