reactjs - onclick运行功能反应不起作用reactjs
问题描述
我有以下问题,我有一个功能,但几秒钟或几分钟后它会自行运行而无需单击。如果有人可以帮助我失败,当我单击该功能时可以正常工作,但几秒钟或几分钟后它会自行执行谢谢你我留下代码
import React, { useContext, Fragment, useState,useEffect} from 'react';
import clienteAxios from '../../config/axios';
import { withRouter } from 'react-router-dom';
import { CRMContext } from '../../context/CRMContext';
const ListadoPedidos =(props) => {
const [ auth, setAuth ] = useContext(CRMContext);
const [pedidos, setPedidos] = useState([]);
const detallePedido = id => {
props.history.push(`/detalle-pedido/${id}`);
}
const eliminarPedido = () => {
}
useEffect( () => {
if(auth.token !== '') {
//query a la API
const consultarAPI = async () => {
try {
const pedidosConsulta = await clienteAxios.get(`/pedidoscliente/${auth.clienteId}`);
setPedidos(pedidosConsulta.data);
} catch (error) {
if(error.response.status === 500) {
props.history.push('/iniciar-sesion');
}
}
}
consultarAPI();
} else {
props.history.push('/iniciar-sesion');
}
}, [] );
return(
<Fragment>
<div class="row justify-content-end">
<button type="button"
class="btn btn-dark mr-2"
onClick={() => detallePedido(pedido.id)}
>
Ver detalle</button>
</div>
</Fragment>
)
}
export default withRouter(ListadoPedidos);
解决方案
推荐阅读
- c++ - C++ 实例变量默认初始化
- elasticsearch - 弹性搜索查询字符串搜索 api 问题
- amazon-s3 - 如何使用 SNS 将一个 lambda 函数的响应返回给另一个
- palantir-foundry - 在 Foundry Contour 中,我如何分析数据集的先前版本?
- excel - 长而凌乱的代码,希望我能加快速度吗?
- python - 从 google.colab 导入文件,如何在 Jupyterlab 中获得相同的文件行为
- android - 如何编写扩展函数来在 Kotlin 中实例化 AndroidViewModel?
- python - 有没有办法将多个 excel 文件中的多个 excel 表以相同的格式组合在一起?
- c - 如何在不使用指针的情况下交换整数?
- python - 在 Python Pandas 中,如何创建此表,与前一行在同一列中的新行并从其他列添加同一行?