Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/amazon-s3/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 使用NavLink重新定向组件onClick_Reactjs_React Router_React Router Dom - Fatal编程技术网

Reactjs 使用NavLink重新定向组件onClick

Reactjs 使用NavLink重新定向组件onClick,reactjs,react-router,react-router-dom,Reactjs,React Router,React Router Dom,使用带有反应钩的材料表,我的愿望是重新指导onClick。目前onClick没有响应 材料表组件 actions={[ { onClick: (items) => { /* I want to re-direct to another route("/editperson") + component(EditPerson.tsx) and send it props from t

使用带有反应钩的材料表,我的愿望是重新指导onClick。目前onClick没有响应

材料表组件

actions={[
        {
          onClick: (items) => {
           /*
             I want to re-direct to another route("/editperson") + 
             component(EditPerson.tsx) and send it props from this component
           */
          }
        }
      ]}
navigateEditPerson.tsx

function NavigateToEditPerson() {
  return (
    <>
      <NavLink to={{ pathname: "/editPerson" }} />
    </>
  );
}
函数navigateEditPerson(){
返回(
);
}

您只需使用useHistory钩子并调用history.push(
/editPerson/${item.name}
)即可路由到该链接。如果使用react router,如果在路由定义中声明了useParams,则可以使用useParams访问参数

但由于这既不是一个问题,也与表格本身无关,因此我建议结束这个问题。这应该在论坛或堆栈溢出上提问。多谢各位