response-router-dom: Как мне передать пароли URL, передавая другие данные?

Question

Я бы хотел, чтобы мои клубы получали данные напрямую от своих родителей. В примере ниже. другие реквизиты, такие как data и setData, доступны. но не идентификатор, который должен быть указан путем.

<AuthRoute path="/club/:id">
 <Club data={data} setData={setData} />
</AuthRoute>

const AuthRoute = ({ children, ...props }) => {
  const { isAuthenticated } = useAuth();
  return (
    <Route {...props}>
      {isAuthenticated ? children : <Redirect to="/login" />}
    </Route>
  );
};

export const Club = (props) => {
  console.log(props);
  return <div>Hello World</div>;
};

Answer 1

Я использовал функцию useParems в Клубе, которая работала.

const { id } = useParams();

Answer 2

Вы должны быть в состоянии получить идентификатор в клубном компоненте

export const Club = (props) => {
  let club_id = props.match.params.id;
  console.log('ClubId is::',club_id);
  return <div>Hello World</div>;
};