要在React中保留嵌套的导航器路由，并进行热重载，可以使用React Router库和Webpack的热重载功能。

首先，确保已经安装了React Router和Webpack。

然后，创建一个主要的App组件作为应用的入口点。在App组件中，使用React Router的组件来包裹整个应用的导航器路由。

import React from 'react';
import { BrowserRouter, Route, Switch } from 'react-router-dom';

import Home from './Home';
import About from './About';
import NotFound from './NotFound';

const App = () => {
  return (
    
      
        
        
        
      
    
  );
};

export default App;

在上述示例中，我们创建了三个组件：Home、About和NotFound。通过组件将这些组件与对应的路径关联起来。

接下来，创建一个Webpack的配置文件，以启用热重载。在配置文件中，确保设置hot选项为true，并添加React Hot Loader插件。

const webpack = require('webpack');
const HtmlWebpackPlugin = require('html-webpack-plugin');

module.exports = {
  mode: 'development',
  entry: './src/index.js',
  output: {
    filename: 'bundle.js',
    path: __dirname + '/dist',
  },
  devServer: {
    hot: true,
  },
  plugins: [
    new webpack.HotModuleReplacementPlugin(),
    new HtmlWebpackPlugin({
      template: './src/index.html',
    }),
  ],
};

在上述示例中，我们引入了webpack和HtmlWebpackPlugin，并在plugins中添加了React Hot Loader插件。

最后，在入口文件index.js中，使用ReactDOM将App组件渲染到HTML页面中。

import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';

ReactDOM.render(, document.getElementById('root'));

现在，你可以运行Webpack的开发服务器，并在浏览器中查看应用。每当你修改代码时，Webpack将自动重新构建和热重载应用程序。

$ webpack-dev-server --open

这样，你就可以在React应用中保留嵌套的导航器路由，并进行热重载了。