Reactjs React本机容器/表示组件

我想知道如何在我的应用程序中正确使用容器/演示组件。以下是我目前的方法，可能有效，也可能无效：

export default class AppEntry extends React.Component {

    render() {
        return(
            <Provider store={store}>
                <NotificationContainer>
                    <LocationContainer>
                        <ModalBoxContainer>
                           <App />
                        </ModalBoxContainer>
                    </LocationContainer>
                </NotificationContainer>
            </Provider>
        )
    }
}

导出默认类AppEntry扩展React.Component{
render（）{
返回(
)
}
}

这种方法在我看来并不正确。但到目前为止，它确实有效。有没有一种方法可以将我的所有容器合并到一个文件中，而不将它们全部放在一个文件中？每个容器当前都是其自己文件中的一个类。标签是我的所有导航、屏幕和组件所在的位置

我试图完成的是我的位置、通知、模态框等。类在应用程序中的任何位置全局工作。例如，我的通知容器具有事件侦听器，当用户在应用程序的任何屏幕中时，这些侦听器都需要工作。这就是为什么我在标记周围有一个通知类的容器。如果这个假设不正确，请纠正我

关于如何实现应用程序内开发，是否有一些我不了解的地方

提前谢谢。希望从中学习一些有价值的东西