Reactjs 生成多个链接（URL）以显示我的应用程序的不同状态

我用react创建了一个单页应用程序，并将其托管在netlify上。我正在使用react路由器处理我的路由。是否可以生成随机路由（url）作为链接发送给某人，以查看我的应用程序的当前状态和特定数据

例如： www.example.com/myappshowing5dogs --显示我的应用程序显示5只狗 ww.example.com/MyAppShowing12CatsAndBook --显示我的应用程序使用12只猫和一本书显示我的应用程序的不同状态

我如何生成链接（url）来显示我的应用程序的无数可能状态？

您可以使用React Router的功能来实现这一点

import {BrowserRouter, Route, useParams} from ReactRouterDOM

const Info = () => {
  let {dogs, cats} = useParams();
  return <div>There are {dogs || 0} dogs and {cats || 0} cats</div>;
  }

const App = () => (
  <BrowserRouter>
    <Route  path="/:dogs?/:cats?/"  component={Info}/>
  </BrowserRouter>)

ReactDOM.render(<App/>, document.getElementById('root'));

从ReactRouterDOM导入{BrowserRouter，Route，useParams}
常量信息=（）=>{
让{狗，猫}=useParams（）；
还有{狗| | 0}只狗和{猫| | 0}只猫；
}
常量应用=（）=>(
)
ReactDOM.render（：

演示如何执行重定向文件和路由
您可以使用React Router的功能来执行此操作

import {BrowserRouter, Route, useParams} from ReactRouterDOM

const Info = () => {
  let {dogs, cats} = useParams();
  return <div>There are {dogs || 0} dogs and {cats || 0} cats</div>;
  }

const App = () => (
  <BrowserRouter>
    <Route  path="/:dogs?/:cats?/"  component={Info}/>
  </BrowserRouter>)

ReactDOM.render(<App/>, document.getElementById('root'));

从ReactRouterDOM导入{BrowserRouter，Route，useParams}
常量信息=（）=>{
让{狗，猫}=useParams（）；
还有{狗| | 0}只狗和{猫| | 0}只猫；
}
常量应用=（）=>(
)
ReactDOM.render（：

演示如何重定向文件和路由
只需添加一个参数就可以了吗？
http://myurl.com/static-route?param=xas223xaemsr
，然后基于该参数您将更改您的状态如何基于参数更改我的状态？仅添加一个参数不是更容易吗？
http://myurl.com/static-route?param=xas223xaemsr
，则基于该参数您将更改您的状态如何基于该参数更改我的状态？