react注册子路由

在React中，注册子路由可以通过在父组件中使用嵌套的<Route>组件来实现。具体步骤如下：

1. 在父组件中导入子组件，并使用<Route>组件进行注册，指定路径和对应的子组件，例如：<Route path="/parent/child" component={ChildComponent} />。
2. 父组件中的<Route>组件应该在Switch组件内部，确保只有一个子路由被匹配。
3. 在子组件中，你可以使用props.match来获取父组件传递的路径参数。

示例代码如下：

在父组件中：

import React from 'react';
import { Route, Switch } from 'react-router-dom';
import ChildComponent from './ChildComponent';

function ParentComponent() {
  return (
    <div>
      {/* 其他父组件内容 */}
      
      <Switch>
        <Route path="/parent/child" component={ChildComponent} />
      </Switch>
    </div>
  );
}

export default ParentComponent;

在子组件中：

import React from 'react';

function ChildComponent(props) {
  return (
    <div>
      {/* 子组件内容 */}
      <h1>子组件</h1>
      <p>父组件传递的路径参数: {props.match.params}</p>
    </div>
  );
}

export default ChildComponent;