Ken428965 2023-03-20 16:05 采纳率: 53.4%
浏览 47
已结题

react,禁用或启用用户接口需要携带的参数?

对于禁用或启用用户的接口,接口文档显示需要三个数据,分别是:

img

img

目前代码如下:

  const deleteUserslist = (e, index, item) => {
    const token = localStorage.getItem('bb_token')
// ...
    API.patch(`/admin/users/${item.code}`, {
      headers: { Authorization: `Bearer ${token}` },
      disabled: "true" 
    }).then(() => {
// ...
    })
  }

请问这样写对吗?如不对,请在现有代码基础上展示说明,谢谢。

  • 写回答

2条回答 默认 最新

  • 初见~ 2023-03-20 18:59
    关注

    不完全正确。在 React 中,禁用或启用用户接口需要使用 React 的状态来控制。你可以在组件中定义一个状态,例如 isDisabled,并在需要禁用或启用用户接口时更新该状态。然后,你可以将该状态作为属性传递给你的组件或在组件内部使用
    例如:

    import React, { useState } from 'react';
    import API from './api';
    
    function UserList() {
      const [isDisabled, setIsDisabled] = useState(false);
    
      const deleteUserslist = (e, index, item) => {
        const token = localStorage.getItem('bb_token');
    
        API.patch(`/admin/users/${item.code}`, {
          headers: { Authorization: `Bearer ${token}` },
          disabled: isDisabled,
        })
          .then(() => {
            // handle success
          })
          .catch(() => {
            // handle error
          });
      };
    
      return (
        <div>
          <button onClick={() => setIsDisabled(true)}>禁用</button>
          <button onClick={() => setIsDisabled(false)}>启用</button>
          <button onClick={deleteUserslist}>删除用户</button>
        </div>
      );
    }
    

    在上面的示例中,定义了一个名为 isDisabled 的状态,并将其默认设置为 false。当用户单击“禁用”按钮时,将该状态设置为 true,并在发送 API 请求时将其传递给 disabled 参数。同样,当用户单击“启用”按钮时,将该状态设置为 false。

    请注意,使用了 React 的 useState 钩子来定义状态。这个钩子接受一个初始值并返回一个数组,其中第一个元素是当前状态的值,第二个元素是用于更新该状态的函数。在上面的示例中,使用 setIsDisabled 函数来更新 isDisabled 状态的值。

    最后,在组件的返回值中渲染了三个按钮:一个用于禁用用户接口,一个用于启用用户接口,以及一个用于删除用户。当用户单击“删除用户”按钮时,将调用 deleteUserslist 函数,并将 isDisabled 状态的当前值传递给 API 请求。

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

问题事件

  • 已结题 (查看结题原因) 3月21日
  • 已采纳回答 3月20日
  • 创建了问题 3月20日

悬赏问题

  • ¥50 MATLAB APP 制作出现问题
  • ¥15 wannier复现图像时berry曲率极值点与高对称点严重偏移
  • ¥15 利用决策森林为什么会出现这样·的问题(关键词-情感分析)
  • ¥15 DispatcherServlet.noHandlerFound No mapping found for HTTP request with URI[/untitled30_war_e
  • ¥15 使用deepspeed训练,发现想要训练的参数没有梯度
  • ¥15 寻找一块做为智能割草机的驱动板(标签-stm32|关键词-m3)
  • ¥15 信息管理系统的查找和排序
  • ¥15 基于STM32,电机驱动模块为L298N,四路运放电磁传感器,三轮智能小车电磁组电磁循迹(两个电机,一个万向轮),怎么用读取的电磁传感器信号表示小车所在的位置
  • ¥15 如何解决y_true和y_predict数据类型不匹配的问题(相关搜索:机器学习)
  • ¥15 PB中矩阵文本型数据的总计问题。