NodeJS 使用reactj和nodej时按钮不起作用

qc6wkl3g 于 2022-11-04 发布在 Node.js

关注(0)|答案(3)|浏览(122)

我使用nodejs、reactjs和spring使用this教程编写了我的第一个应用程序，除了按钮没有按预期工作之外，一切都很顺利，因为当我单击它们时，浏览器地址中的链接会更新，但页面不会加载，直到我按F5重新加载。
没有图片很难解释，所以我附上了一个打印屏幕和一些文字。
所以我可以添加客户、删除和编辑......但每次点击按钮后，我必须按F5才能真正加载目标页面。我在Chrome、Edge和Opera中尝试过这种方法，所有浏览器的行为都是一样的。
这似乎是非常基本的，但我不知道在谷歌上搜索什么来修复它，我试图搜索有关按钮标记的文档，但在我读的一切，我甚至不能找到在教程中列出的属性。
按钮的语法是“编辑client.id”，像“tab”和“to”这样的属性似乎没有在reactjs文档中记录。

node.js

来源：https://stackoverflow.com/questions/74263695/buttons-not-working-when-using-reactjs-and-nodejs

3条答案

按热度按时间

m1m5dgzv1#

我认为你应该在react路由器中使用Link，同时检查你的api语法是否正确

赞(0）回复(0）举报 2022-11-04

aij0ehis2#

为什么不使用useHistory钩子和Button onClick。看起来在reactstrap文档中没有toprop。不过，你需要使用Button将容器组件转换为功能组件。

import { useHistory } from "react-router-dom";
import { Button } from 'reactstrap';

function HomeButton() {
  let history = useHistory();

  function handleClick() {
    history.push(`/clients/${client.id}`);
  }

  return (
    <Button size="sm" color="primary" onClick={handleClick}>Edit</Button>
  );
}

赞(0）回复(0）举报 2022-11-04

我来回答

NodeJS 使用reactj和nodej时按钮不起作用

3条答案

相关问题

热门标签

最新问答