#yyds干货盘点 【React工作记录十】三元对按钮进行判断操作

简介: #yyds干货盘点 【React工作记录十】三元对按钮进行判断操作

导语

歌谣 歌谣 你的按钮只有一个 我希望生效的时候可以显示冻结 冻结的时候可以显示生效


代码实现



export const SXSTATUS="1202102081048028888308624";//生效的状态
export const WSXSTATUS="1202102081048138888134934";//冻结的状态
{
              name: row.status===SXSTATUS?'冻结':'解冻',
              onClick: () => {
                this.handlefrozenModal(row);
              },
            }

总结

知其然 知其所以然 直接三元判断即可 则需求实现

相关文章
|
2月前
|
前端开发 JavaScript UED
react或者vue更改用户所属组,将页面所有数据进行替换(解决问题思路)____一个按钮使得页面所有接口重新请求
在React或Vue中,若需在更改用户所属组后更新页面所有数据但不刷新整个页面,可以通过改变路由出口的key值来实现。在用户切换组成功后,更新key值,这会触发React或Vue重新渲染路由出口下的所有组件,从而请求新的数据。这种方法避免了使用`window.location.reload()`导致的页面闪烁,提供了更流畅的用户体验。
54 1
react或者vue更改用户所属组,将页面所有数据进行替换(解决问题思路)____一个按钮使得页面所有接口重新请求
|
2月前
|
缓存 前端开发 JavaScript
在react项目中实现按钮权限createContext && useContext
文章介绍了在React项目中如何使用`createContext`和`useContext`来实现按钮级别的权限控制。
65 0
|
6月前
|
前端开发 JavaScript
在React中,如何通过事件处理函数来管理按钮的点击行为?
【5月更文挑战第28天】在React中,如何通过事件处理函数来管理按钮的点击行为?
58 1
|
6月前
|
前端开发
基础react加一减一操作
基础react加一减一操作
|
6月前
|
前端开发 调度
高端操作:把 React Scheduler 掏出来单独用
高端操作:把 React Scheduler 掏出来单独用
|
前端开发 JavaScript
React基础语法08-点击按钮,获取input框的值(通过ref来获取)
React基础语法08-点击按钮,获取input框的值(通过ref来获取)
183 0
|
前端开发
React基础语法07-点击按钮,获取input框的值(通过事件对象获取)
React基础语法07-点击按钮,获取input框的值(通过事件对象获取)
116 0
|
前端开发
前端笔记:React的form表单全部置空或者某个操作框置空的做法
在React框架前端开发中,经常会有弹出框的开发,涉及到弹出框,难免就会有表单。一般在关闭弹出框或者对表单联动时,往往都需要考虑对表单进行置空操作了。
97 0
|
前端开发 JavaScript API
immer:优雅操作react数据状态,告别繁琐克隆拷贝
immer:优雅操作react数据状态,告别繁琐克隆拷贝
150 0
|
前端开发
前端项目实战捌拾柒react-admin+material ui-踩坑-List的用法之aside组件FilterLiveSearch搜索按钮
前端项目实战捌拾柒react-admin+material ui-踩坑-List的用法之aside组件FilterLiveSearch搜索按钮
81 0