antd相关内容

测试是否调用了 const 模态组件

我有一个页脚组件，上面有几个按钮.所有这些按钮都使用 Message const，这是一个 antd 模式: Message.jsx import { Modal } from 'antd';const { 确认 } = 模态；export const Message = (text, OkHandler, cancelHandler) =>{确认({标题:文字，okText: '是',取 ..
发布时间：2021-11-11 03:28:31 其他开发

Antd V4 表单列表 setFieldValue

在此处输入代码如何动态编辑表单列表中的元素并使用 setFieldsValue 设置该元素 我得到的一个解决方案是为整个表单列表调用 setFieldsValue 但这不公平，会导致性能问题 我有这样的表单结构 用户:[{姓名:“鲍勃"，教育: [{资格:“大师"，大学:“abc"，},{资格:“学位"，大学:“ijk"，},],},{姓名:“爱丽丝"，教育: [{资格:“ug"，大 ..
发布时间：2021-11-11 03:28:28 其他开发

Antd 选择搜索框不呈现匹配项

我有产品数据，我正在使用搜索值过滤数据，然后使用过滤后的数据呈现选项.产品数据来自全球 redux 商店作为道具.出于某种原因，下拉列表仅在搜索值为空时显示数据，当我开始输入时，filteredData 会更新并且组件也会重新渲染，但选项不显示数据. 我已经检查过是否使用了正确的 filteredData 来映射选项.即使重新渲染组件，这些选项似乎也不会渲染. 请看下面的代码: 从' ..
发布时间：2021-11-11 03:28:25 前端开发

React antd 表单禁用提交按钮

如何使用 antd 禁用表单提交按钮 表单验证有效，但我需要在验证失败时在视觉上禁用表单提交按钮 这是一个stackblitz urlhttps://stackblitz.com/edit/react-ts-z5d6tr?file=Hello.tsx 解决方案 我找到了一些优雅的方法来执行此操作 {() =>( ..
发布时间：2021-11-11 03:28:22 其他开发

控制选择框内选定值的外观:有没有办法单独呈现选定的项目?

我正在使用 antd' 选择框.我尝试自定义 Option 中的内容，其中包含一些 JSX 的常规 text .它看起来如下: 这里也是我在沙盒上准备的小demo: 因为我已经自定义了 Option 中的内容，所以当我用选择框做出选择时，它会显示为: 如您所见，选择框试图显示所有内容.有没有一种方法可以控制在选择框做出选择后选择框的外观?我只想在选择后显示名称.例如，选择第一个选 ..
发布时间：2021-11-11 03:28:19 前端开发

如何让 Bootstrap 3 和 Ant Design 3 共存

我们正在开发一个 React 应用程序(使用 Create React App 而不弹出它)，我们决定使用 Ant 作为我们的基本组件库.现在项目接近尾声，我们发现应用程序将作为“portlet"集成到企业门户 (WebSphere) 中，因此我们从主页面继承所有 CSS 文件. 两个框架似乎都有自己的reset 样式，但是它们使用不同的值.到目前为止，我还没有在 Ant 中找到一个 LES ..
发布时间：2021-11-11 03:28:15 其他开发

<input> 上的 prop `value` 的值无效标签

我收到无法解决的警告: 标签上的 prop value 的值无效.要么将其从元素，或传递字符串或数字值以将其保留在 DOM 中.详情 以下是我使用的代码: {getFieldDecorator("名称", {初始值:(()=>{this.state.Data.Name})，rules: [{ required: true, message: "请输入组件名称！"}]})( 我的打字 ..
发布时间：2021-11-11 03:28:12 其他开发

React antd 表单禁用提交按钮

如何使用 antd 禁用表单提交按钮 表单验证有效，但我需要在验证失败时在视觉上禁用表单提交按钮 这是一个stackblitz urlhttps://stackblitz.com/edit/react-ts-z5d6tr?file=Hello.tsx 解决方案 我找到了一些优雅的方法来执行此操作 {() =>( ..
发布时间：2021-11-11 03:28:10 其他开发

测试是否调用了 const 模态组件

我有一个页脚组件，上面有几个按钮.所有这些按钮都使用 Message const，这是一个 antd 模式: Message.jsx import { Modal } from 'antd';const { 确认 } = 模态；export const Message = (text, OkHandler, cancelHandler) =>{确认({标题:文字，okText: '是',取 ..
发布时间：2021-11-11 03:28:07 其他开发

提交值后如何重置antd datepicker?

这里我提供了我的示例示例，用于处理代码和框.提交表单后如何重置日期选择器值? 状态 = {设置字段值:''}onChange = (setFieldValue) =>{this.setState({ setFieldValue: null })}使成为() {const { values, handleSubmit } = this.props返回 ( ..
发布时间：2021-11-11 03:28:04 其他开发

如何更改 Ant 表头复选框

我的应用程序中有一个表，我在其中对每一行使用 select. 当我点击并选择行时，左上角会出现一个选中的复选框.我不想显示该复选框，我想显示其他内容，例如带有文本的 div.只有当我单击一行中的复选框时，该 div 才会出现. 如何做到这一点?我试图找到呈现该复选框的事件，但我没有找到.如何访问该元素并在其他元素中更改它?沙箱链接:https://codesandbox.io/s/se ..
发布时间：2021-11-11 03:27:58 前端开发

Antd如何将getFieldDecorator传递给子组件

我使用 antd 作为反应库.对于表单，我想重用一些表单字段并将这些字段作为子组件.在我的例子中它是地址.我的问题是如何将 getFieldDecorator 传递给子组件 Address，因为表单属性已被 Form.create 修饰. antd 版本:2.11.0 反应版本:15.5.4 下面是我的例子. 表单组件: 从'react'导入React；导入 { 表单，输 ..
发布时间：2021-11-11 03:27:49 其他开发

如何将 svg 导入 antd ->图标组件

嘿，我正在尝试将我自己的 svg 导入 antd -> Icon 组件就像在文档中一样，但我有一个例外 InvalidCharacterError: 无法执行 'createElement''Document':提供的标签名称('/static/media/archive-solid.3c305173.svg') 不是有效名称. 我使用的是 create react app 2.1.1 ..
发布时间：2021-11-11 03:27:47 其他开发

如何在 ant-design react app 中使用 ant-design-pro 组件?

我已经使用 create-react-app 创建了 react 应用程序并使用了 ant-design 组件，随着项目变得越来越大，我需要使用 ant-design-pro 的一些很棒的组件. 有没有办法在现有的 ant-design 项目中集成 ant-design-pro 组件? 我尝试导入和使用@ant-design/pro-layout，但对我不起作用. 解决方案 V ..
发布时间：2021-11-11 03:27:44 其他开发

在 Formik 中使用 setFieldValue onSubmit

我将 formik 与 @jbuschke/formik-antd 和 react-input-mask 一起使用.我有一个掩码 +7 (___) ___-__-__ 应用于其中一个输入，我需要解析它 onSubmit 以删除不必要的符号. 我已经定义了一个 const changedValue，然后在 setFieldValue 中使用它，但我收到以下错误: 不变违规超出最大更新深度.当 ..
发布时间：2021-11-11 03:27:41 其他开发