React中的React.lazy和Suspense是如何实现代码分割的

React.lazy和Suspense是React 16.6版本新增的特性，用于实现代码分割（code splitting）。

React.lazy函数接受一个函数作为参数，该函数需要动态地import一个组件，返回一个Promise。当组件需要懒加载时，React.lazy会在组件第一次被渲染时触发该函数的调用，并根据返回的Promise进行加载和渲染。

Suspense组件可以用来处理React.lazy加载组件时的加载状态，可以在Suspense组件内部指定一个fallback属性，当懒加载组件正在加载时，可以显示一个loading状态的组件。当懒加载组件加载完成后，Suspense组件会显示懒加载组件。

总的来说，React.lazy和Suspense的组合实现了代码分割，将组件的加载推迟到真正需要的时候，从而优化应用程序的性能。