react-router 配置index不生效问题的解决方案

1. 请仔细检查是否同时配置了index和path属性；
2. index和path属性不能共存，移除path后即可生效；
3. 如果相同时保留默认渲染子路由组件能力和设置子路由组件路径，可以选择设置两个路由项

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

export default function App () {

    return (
        <BrowserRouter>
            <Routes>
                <Route path="/" element={<Parent />}>
                    <Route index element={<Child1 />}></Route>
                    <Route path="child1" element={<Child1 />}></Route>
                    <Route path="child2" element={<Child2 />}></Route>
                </Route>
            </Routes>
        </BrowserRouter>
    )
}