reactjs 相关问题

React是一个用于构建用户界面的JavaScript库。它使用声明范式，旨在既高效又灵活。

如何在表格材料中的tablecell上添加按钮ui

IAM Build NextJS项目并从材料UI创建表，并从MongoDB获取数据。我想在操作（编辑和删除）列上添加两个按钮，但不知道该如何在材料MUI上进行操作 ...

reactjs next.js button material-ui

回答 2 投票 0

MUIX数据网格，单元格中的按钮需要两次点击

reactjs mui-x-data-grid

回答 1 投票 0

MUIDATAGRID，单元格中的按钮需要两次点击

reactjs mui-x-data-grid

回答 1 投票 0

redirect当反应 - 路由器 - dom

I在React-Router-dom中定义了以下路线 } /> 我在反射路由器 - dom中定义了以下路线 <Route id='editor' path='editor' > <Route index element={<Editor />} /> <Route id='edit' path='edit/:documentId' element={<Edit />} /> </Route> 这允许我走以下路径 /editor组件<---- This displays the /editor/edit/13组件，并用documentid=13<---- This displays the 加载文档，但是，当我在URL中键入以下路径时，我想重定向到/editor：/editor/editter/edition（请注意，缺少documentId）注：我尝试过的一件事是使documentId可选（请注意，在documentid之后的问号）： <Editor /> ，但是，这导致显示<Edit />组件，但documentid为<Route id='edit' path='edit/:documentId?' element={<Edit />} /> 。这不是我想要实现的。相反，我想重定向到/编辑器，并最终显示<Edit />组件。我怎么做？谢谢你为路径上的路线启用undefined将重定向到父的路径<Editor />路径。示例： "../editor/edit" "../editor"

reactjs http-redirect react-router react-router-dom

回答 1 投票 0

当我在MUI X数据网格中编辑单元格时，如何在USESTATE中升级总数？

reactjs material-ui mui-x-data-grid mui-x

回答 1 投票 0

MUIX数据网格水平滚动（响应能力）不起作用

I创建了一个带有10列的MUI X数据网格。它在大屏幕上看起来很棒，但是当我将其挤出1380 PX以下时，我希望看到水平的条滚动，但看起来很糟糕。我不想swi ...

reactjs material-ui material-design mui-x-data-grid

回答 1 投票 0

当单击datagrid列中时，如何删除一行？

我有一个带用户的数据表，我想在行上进行删除按钮工作，但是看来它不能通过反应手段来完成。数据杂志是这样使用的：我有一个带有用户的数据表，我想在行上进行删除按钮工作，但是看来它不能通过反应手段来完成。数据杂志是这样使用的： <DataGrid rows={users} columns={columns} pageSize={5} checkboxSelection /> 我有一个带有自定义RenderCell函数的列，显示一些动作按钮。列定义是： { field: "actions", headerName: "", width: 120, type: "", sortable: false, renderCell: ( params: GridCellParams ): React.ReactElement<any, string | React.JSXElementConstructor<any>> => { return ( <UserRowActions userId={params.getValue(params.id, "id")?.toString()!} /> ); } } 参数对象提供了一些属性，但我不知道如何执行这样的操作：删除单击按钮的行，在UserRowActions组件中定义的按钮。我还想找到是否可以使用今天的MUI DataGrid组件进行此操作。我不知道该怎么办，因为API现在看起来对我没有反应。我使用： "@material-ui/core": "^4.12.1", "@material-ui/data-grid": "^4.0.0-alpha.30", "react": "^16.14.0", I专门用于数据网格动作按钮：export const DataGridContext = React.createContext<{ deleteUser?: (uid: string) => void }>({}); // ... const { data: users, isLoading, isError } = useGetUsersQuery(); const [usersRows, setUsersRows] = useState<IUser[]>([]); useEffect(() => { if (typeof users !== 'undefined') { setUsersRows(users); } }, [users]); <DataGridContext.Provider value={{ deleteUser: (uid: string) => { const newRows = [...usersRows]; const idx = newRows.findIndex(u => u.id === uid); if (idx > -1) { newRows.splice(idx, 1); setUsersRows(newRows); } }}}> <DataGrid rows={usersRows} // ... /> </DataGridContext.Provider> // In the UserRowActions component: const dataGrid = useContext(DataGridContext); // ... dataGrid.deleteUser!(userId);

reactjs typescript react-hooks material-ui mui-x-data-grid

回答 1 投票 0

MATERIAL-UI：X-GRID / DATAGRID默认columnMenu未显示

popup单击3点何时未显示

reactjs material-ui datagrid mui-x-data-grid

回答 0 投票 0

在打字稿中为muipickersutilsprovider组件创建一个反应容器组件

typescript

reactjs typescript mui-x-date-picker

回答 1 投票 0

MUIX数据网格 - 获取新数据时强迫过滤器和排序状态要重置

reactjs material-ui datagrid mui-x-data-grid