自存react-router-dom

动态占位符

// If the current location is /projects/abc/tasks/3
 {
    params.projectId; // abc
    params.taskId; // 3
  }}
  // and actions
  action={({ params }) => {
    params.projectId; // abc
    params.taskId; // 3
  }}
  element={}
/>;

function Task() {
  // returned from `useParams`
  const params = useParams();
  params.projectId; // abc
  params.taskId; // 3
}

 

动态id对应的动态的模板化的路由不同的页面

}>
  }>
    } />