- 博客(9)
- 收藏
- 关注
RSS订阅原创 【GPT-3.5 Turbo】React、AntD5：Table中的Select条件渲染成输入值（输入值来自Table外）
在Modal中，用户可以输入对应的值或参数，并在点击确定后更新Table中选择器所在的列的值。这是因为在处理Modal的显示和隐藏时，我们使用了全局的selectedRow状态来保存当前选中的行，而这个状态是全局共享的，会导致在处理第二行的Select时，第一行的selectedRow也会被更新，从而导致数据混乱。抱歉，我理解错了您的需求。要将Form输入的数据放入render里的record中，我们需要在handleModalOk函数中更新record的值，并将Form输入的数据直接放入record中。
2023-11-26 19:32:02
210
1
原创 【前端】Ant Design Select中勾选的值无法获取
请检查以上几点，确认是否有遗漏或者错误的地方。如果问题仍然存在，请提供更多的代码和具体的报错信息，以便我们更好地帮助您解决问题。问题：在一个Form表单里，Ant的多项选择器组件Select中勾选的值无法获取可能是哪些原因。背景：React+Typescript+Ant Design5项目。
2023-10-29 21:41:53
478
原创 【React+AntD+Ts】本地JSON回显
这样，当用户点击列表中的某个用户时，会打开 Modal 并将对应的用户数据传递给 Modal 组件，在 Modal 中可以回显和修改用户数据。在需要使用数据的组件中，使用 fetch 或 axios 等工具来读取 JSON 文件并将数据存储在组件的状态中。在打开 Modal 时，将对应的用户数据传递给 Modal 组件，并在 Modal 中进行数据的回显和修改。目的：在本地读取JSON数据来模拟后端接口，并且在打开Modal时能回显数据，能修改数据。使用静态 JSON 文件。
2023-10-29 17:53:58
283
原创 【前端】Ant Design5主题变量失效可能的原因
在使用 Configure Provider 来设置主题变量时，需要正确配置 Provider 组件。如果您已经正确配置了主题变量，但在组件中仍然无法使用，可能是因为您没有正确使用主题变量。在使用主题变量时，需要使用。在上述代码中，我们引入了中文语言包，并将其传递给 Configure Provider 的。在使用 Ant Design 5 的组件时，需要正确引入样式文件。请确保正确使用主题变量，并在样式文件中使用。配置中设置的主题变量。在使用主题变量时，需要正确配置。在上述代码中，我们将主题变量的。
2023-10-29 17:28:03
1196
原创 【React+AntD+Ts】父子组件通信
2.父组件和子组件在项目里是不同的文件，且子组件是被抽离出来供多个组件使用的。子组件是一个Modal，Modal里是一个包含多个文字列和一个图片列内容的Table，而且该Table第一列有选择器，可以选择某一行内容。2.子组件选择某行内容且点击确认按钮后关闭子组件Modal并把子组件选择的内容传回给父组件展示。要求：1. 父组件有一个Button，点击可以打开子组件Modal。3. 父组件渲染子组件Modal传回来的Table中的图片和文字。状态来存储子组件选择的数据，并根据需要进行展示。
2023-10-29 16:52:38
427
原创 【本地模拟回显数据】React+AntD+Typescript
当使用React 18、Ant Design 5和TypeScript时，您可以使用多种方式来实现在本地模拟数据的情况下打开“编辑”模态框或进行“删除”操作时的数据回显。
2023-10-29 16:19:03
150
原创 Table with FormItem.s.
如果您希望将Table中的列放在Form.Item中，您可以将每个列的编辑组件（例如Checkbox、Select、Input）放在Form.Item中，然后将Form.Item放在Table的columns数组中。在上述代码中，我们将每个列的编辑组件（例如Checkbox、Select、Input）放在了Form.Item中，并将Form.Item放在了Table的columns数组中。这样，您就可以使用Ant Design的Form组件来管理Table中的数据。方法获取表单中的所有数据。
2023-10-29 00:17:43
123
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人