frontend 相关问题

面向用户的应用程序部分。在桌面应用程序中,这将包括窗口框架和用户与之交互的表单;在命令行程序中,它将是可用的命令和参数;在Web应用程序中,它将引用HTML和JavaScript。

下载按钮重新加载应用程序,结果输出消失,需要在 Streamlit 中重新运行

我使用下载按钮并使用它下载后,例如应用程序重新加载数据并且输出消失。 我们能否克服这个问题,以便在下载输出时保留并且应用程序不应该重新加载......

回答 1 投票 0

搜索过滤器 NextJS 14 无法在服务器组件(page.tsx)上使用 useState

我目前正在学习 NextJS 和 React,我一直在努力弄清楚如何制作输入搜索过滤器来过滤表格。 我看过很多关于使用 useSearchParams 的视频和评论,...

回答 1 投票 0

React:为 Web 和移动版本创建单独的文件

我正在学习前端,我有一个问题。我正在开展一个团队项目,由于分歧,我有一个问题这是这个团队中唯一的 FE,所以我无处可问。 队长保持

回答 1 投票 0

React 项目未部署在 vercel 上,但可以在本地主机上运行

当我尝试部署我的React聊天项目时,该项目不基于后端,并且不会陷入Web套接字的复杂性,并且仅使用来自另一个js文件的虚拟数据,app.j的代码...

回答 1 投票 0

添加文本元素的辅助功能

我正在努力为网站添加可访问性。 现在我知道 aria-labels、aria-labelledby 等旨在为交互类型的元素提供可访问的名称,正如本节中明确提到的......

回答 1 投票 0

将类名放在 React-Icon 上

我一直在尝试将一个类直接放置在图标上,以便我可以操纵它的阴影。但是,{card.c_icon && } 或 {createElemen...

回答 1 投票 0

CSS计算高度和宽度混合使用

我有一个 div 元素(带有背景图像),我想占据父元素宽度的 40% 或父元素高度的 100% 中较小的一个。 这可以通过 CSS calc() 实现吗?还是我不需要...

回答 1 投票 0

这个挑战涉及状态或道具或 React 中的任何名称

从“react”导入React 导出默认函数 App() { const [消息,setMessages] = React.useState([]) 函数混乱计数(){ setMessages(prevMessage => prevMessage.

回答 1 投票 0

验证表单中是否至少填写了一个字段(复选框或其他文本字段),如果两者都为空,则在 Angular 中显示错误?

要验证表单中是否至少填写了一个字段(复选框或“otherText”字段),请为表单组创建一个自定义验证器。该验证器将检查是否在...

回答 1 投票 0

在 Symfony 前端应用程序中利用 Doctrine 关系

让我们考虑以下简单的模式(在 Doctrine 中,但也欢迎 Propel 用户): 用户: 列: 名称:字符串 文章: 列: 用户 ID:整数 内容:字符串 关系...

回答 1 投票 0

部署后无法从后端服务器获取数据

我使用 vite + React 创建了前端,使用 Node.js + Express 和 mongoDB 创建了后端。我的后端和前端都是使用 Render 托管的。银行端工作正常,因为我能够看到 json obj...

回答 1 投票 0

如何在Next.js 14.1中使用SSR获取数据?

我正在尝试将数据获取到 SSR 中的仪表板组件,但未定义 有什么解决方案可以正确获取数据吗? 这是我的仪表板组件的代码: 从“./

回答 2 投票 0

onClick 事件上总是得到错误的值

我创建一个表格来显示一些值 {列表版本 ? listVersions.map(( 我创建一个表格来显示一些值 <TableContainer> <Table sx={{ width: "100%" }}> {listVersions ? listVersions.map((current_version, index) => { const isItemSelected = isSelected(index+ 1); const labelId = `enhanced-table-checkbox-${index}`; return ( <TableRow hover onClick={() => handleClick(index + 1, current_version, isItemSelected)} role="checkbox" aria-checked={isItemSelected} tabIndex={-1} key={index + 1} selected={isItemSelected} sx={{ cursor: "pointer" }} > <TableCell padding="checkbox"> <Checkbox color="primary" checked={isItemSelected} inputProps={{ "aria-labelledby": labelId, }} /> </TableCell> <TableCell>{current_version}</TableCell> </TableRow> 我需要选择当前版本。 所以handleClick看起来像: const handleClick = (id: number, version: string, isSelected: boolean) => { console.log(version , isSelected); ...... } 正确的版本显示在控制台中,但其状态,无论是否选中,始终是相反的值。当我选择行时,值为 false,当我取消选择行时,值为 true。 选择行时预期值为 true。 我不明白哪里出了问题 handleClick函数,isSelected似乎是负责判断该行是否被选中的函数。您可以直接将选定的状态传递给 handleClick 函数,而不是依赖于 isSelected 函数。 <TableRow hover onClick={() => handleClick(index + 1, current_version, isItemSelected)} role="checkbox" aria-checked={isItemSelected} tabIndex={-1} key={index + 1} selected={isItemSelected} sx={{ cursor: "pointer" }} > 修改您的 handleClick 函数以直接使用从 TableRow 组件传递的 isItemSelected 值 const handleClick = (id: number, version: string, isItemSelected: boolean) => { console.log(version, isItemSelected); // Other logic };

回答 1 投票 0

如何在MUI-X DataGrid中实现静态行号?

我需要渲染表格中每一行的编号。它应该是静态的,并且在对表中的列进行排序或过滤时不应更改。 我尝试使用 getRowIndexRelativeToVisibleRows m...

回答 1 投票 0

Angular 17 主体行为

在 Angular 17 中,我在登录服务中设置了一个可观察对象。但是,当尝试在 app.component.ts 中使用此可观察量时,它最初不会被调用。重新加载页面后

回答 1 投票 0

vue中element-plus使用中ElButton和el-button有什么不同

element-plus官方文档中,组件的导入方式是:ElButton,使用方式是:el-button。 在我的实践中,是这样使用element-plus的:ElButton也能正常工作。 我徘徊...

回答 1 投票 0

使用自定义 Bootstrap Angular

我有一个关于 Angular 的问题无法解决。我使用 Mustache 和 Bootstrap 创建了一个 Spring Web。现在我想用Angular来做前端,但我无法实现它。 这是

回答 1 投票 0

如何使用外部方法向 JTable 添加行

我正在为数字走廊设置模式,以便管理员可以访问学生姓名和学生 ID。我的代码应该有一个包含学生姓名和 ID 的 JTable,当您按“添加行”但是...

回答 1 投票 0

无法更新useEffect()中的useState()常量

`const [详细信息,setDetails] = useState({ “id”:0, “创建”:“”, “标题”: ””, "general_category": "", “特定类别&...

回答 1 投票 0

Angular 生命周期钩子?

只是想知道如果我没有显式实现任何生命周期钩子,Angular 框架会隐式调用它吗? 例如:如果我没有在组件中使用@input,ngOnChanges将被触发

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.