Reactjs 如何将道具传递给组件，以便在材质ui中的ListItem标记内部进行路由？

下面是一段代码片段：

const AppList=（道具）=>{
返回(
..
..
)
}

在我开始之前，代码取自：

您好，您应该创建自己的组件，使用链接并向其传递道具，如下所示：

import React from 'react';
import { MemoryRouter as Router } from 'react-router';
import { Link, LinkProps } from 'react-router-dom';
import ListItem from '@material-ui/core/ListItem';

// The usage of React.forwardRef will no longer be required for react-router-dom v6.
// see https://github.com/ReactTraining/react-router/issues/6056
const AdapterLink = React.forwardRef((props, ref) => (
  <Link innerRef={ref} {...props} />
));

const CollisionLink = React.forwardRef(
  (props, ref) => <Link innerRef={ref} to="/getting-started/installation/" {...props} />,
);

export default function ButtonRouter() {
  return (
    <Router>
      <ListItem color="primary" component={AdapterLink} to="/">
        Simple case
      </ListItem>
      <ListItem component={CollisionLink}>Avoids props collision</ListItem>
    </Router>
  );
}

从“React”导入React；
从“react Router”导入{MemoryRouter as Router}；
从'react router dom'导入{Link，LinkProps}；
从“@material ui/core/ListItem”导入ListItem；
//React路由器dom v6不再需要使用React.forwardRef。
//看https://github.com/ReactTraining/react-router/issues/6056
常量适配器链接=React.forwardRef（（props，ref）=>(
));
const CollisionLink=React.forwardRef(
（道具，参考）=>，
);
导出默认函数按钮外部（）{
返回(
简单案例
避免道具碰撞
);
}

当您将此代码传递给它时，它将移动到适配器链接，以便您可以像这样发送： 到={ 路径名：'/template'， 状态：{something:'something'}

---

}

你能帮我破解这个密码吗，比如这里到底发生了什么？如何通过链接传递道具，以及道具如何被另一个页面中定义的组件使用？@AmitTiwari访问您在FC中导航到的组件中的状态从

let location=useLocation（）访问它然后
位置。状态
然后你得到所有状态汉克斯先生，这帮了我：）