| import React, { useState, useEffect } from 'react'; |
| function UserManagement() { |
| const [users, setUsers] = useState([]); |
| .then(data => setUsers(data)) |
| const handleUserAction = (id, action) => { |
| fetch(`/api/users/${id}/${action}`, { method: 'POST' }) |
| .then(res => res.ok && setUsers(us => us.filter(u => u.id !== id))) |
| <div className="admin-container"> |
| <table className="admin-table"> |
| <tr><th>用户名</th><th>角色</th><th>操作</th></tr> |
| <button onClick={() => handleUserAction(u.id, 'ban')}>封禁</button> |
| <button onClick={() => handleUserAction(u.id, 'promote')}>提升权限</button> |
| export default UserManagement; |