antd相关内容
这个问题困扰了我很长一段时间,在我自己的项目中,每次我想使用And的Icon时,它都不起作用。我不知道出了什么问题,谁知道请告诉我,我非常感激。 推荐答案 出现此问题是因为缺少组件所需的css文件 添加语句import 'antd/dist/antd.css';或创建您自己的较少文件并将其导入。
..
我在Reaction中添加了一个水平滚动,使用的是css,我想要水平显示纸牌列表,但我无法完全滚动到左侧边缘。我在下面附上了SS,因为我已经用红色标记了问题。标记的卡片是列表中的第一张卡片,但它没有正确显示。我使用蚂蚁设计来创建卡片。 这是我的js代码和该部件的css代码。 数据-lang=“js”数据-隐藏=“假”数据-控制台=“真”数据-巴贝尔=“假”>
..
我有一个输入字段,我使用反应输入掩码对其应用了掩码。我想根据下拉值更改蒙版。发生的情况是,当我更改下拉值时,新的掩码将应用到UI上,但表单值不会被修改。因此,当我提交表单时,使用的是旧的掩码。如果我在文本框中手动修改该值,则表单值更改将生效。 这里有一个简化的例子: import React from "react"; import ReactDOM from "react-dom";
..
..
我已将Ant Design的Form组件与v-decorators一起用于验证表单,我希望显示客户端(我目前已完成的v修饰符规则验证)和服务器端表单数据验证。 将其视为示例登录表单:
..
因此,我在第一列中有一个带有搜索筛选器onPressEnter的表组件,并且我希望我的搜索栏组件基本上执行相同的操作。 在我的Table.js中,我要将confirm()传递给Searchbar.js const columns = [ { key: "1", title: "Title", dataIndex: "title",
..
我正在通过formData.append()将多个文件从“React.js”发送到后端。 在后台(Spring Boot),我可以看到Postman保存了多个文件。 反应中出现问题。 (我使用的是“Ant Design”,即Reaction UI库。) 下面是将文件追加到具有额外数据的FormData的源。 const formData = new FormData(
..
我需要更改antd表单元素样式,即标签和选择,但通过更改antd元素css(antd-form-Item),它会更改与其关联的所有元素。添加内联样式也不起作用,也尝试创建自己的类名,但仍不起作用 推荐答案 只需将类名称添加到Form.Item组件并覆盖其子css:
..
我正在尝试创建ant-design的演示,我已经安装了Ant-Design,现在当我点击 时 npm start 我收到此错误 dora: listened on 8000 📦 1/2 build modules/opt/lampp/htdocs/antddemo/node_modules/webpack/lib/ExternalModuleFactoryP
..
我使用setState来控制面板的打开/关闭状态,这与this post here有点类似。我正在尝试open one panel at one time,以便state中只有一个真值。 以下是我的代码: // Parents component const [show, setShow] = useState({ 1 : false, // id=1 when passed
..
以下代码禁用了所有以前的日期,包括今天,但我想禁用Ant设计日期选取器中的所有星期日和特定日期数组。 { return curr
..
我有一个表格。其中文件上载是强制性的。第一次没有上传文件时,验证工作正常,但当我上载和删除文件时,表单不会抛出验证错误。 这是Stakbiz https://stackblitz.com/edit/react-x27nfd 推荐答案 您可以在Form.Item组件上使用getValueFromEvent道具: const normFile = (e) => { if (Arr
..
我正尝试在我的示例注册表单中使用ANT设计表单,当我尝试使用setFieldsValue时,它会抛出错误,因为“除非使用了getFieldDecorator,否则无法使用setFieldsValue”。但我已经在代码中使用了getFieldDecorator。以下是我的代码示例。 handleChange = (e) => { const fname = e.target.name;
..
我正在使用ReactJS的Ant设计框架,我正在尝试找到一种解决方案,以便在单击按钮时打开日期选择器,但框架组件似乎不可能做到这一点,我曾尝试使用第三方日期选择器,但与之不能很好地配合使用。 我的要求是有一个简单的输入,旁边会有一个按钮,点击按钮DatePicker应该弹出. 这是我的unfinished demo 如果有人研究过此类解决方案,请提供帮助。 谢谢。 推
..
我正在使用Reaction Antd v3&;将其升级到v4,我注意到一个问题,其中自动完成组件被更改了&;现在它的行为方式很奇怪 传递[{value: string, label: 123}]的json数组,除了值选择时显示值(而不是标签)外,其他操作都正常。 如何显示标签?&;将选定的值保留为选项值? Here is a link that shows th
..
我创建了一个反应表,并使用ant design。 是否有蚂蚁设计的解决方案,允许expandedRowRender函数一次仅用于一行。 如果展开一行,我希望隐藏所有其他展开图标。 推荐答案 这很容易做到。您需要利用
组件的expandedRowKeys属性。该属性存储当前展开的行键的值。因此,我们要做的就是只在其上设置当前展开的行键,并删除其他任何键。
..
使用本例:https://ant.design/components/layout/#components-layout-demo-side 如何添加自定义图像或图标而不是默认图标。 我已尝试:
..
我使用的是Ant设计组件,我有一个上传输入: https://ant.design/components/upload/ 根据文档,道具上需要采取行动。 但是,我不需要在上传时将文件发布到URL,我需要将整个表单提交到REST端点(检查handlesubmit函数) 尝试浏览文档时,我使用HandlChange事件将文件添加到状态,但状态永远不会完成,因此该行永远不会命中。
..
我正在使用graphql-request中的GraphQLClient向我的服务器发送请求。我正在尝试通过执行以下操作上载文件: const graphQLClient = new GraphQLClient('http://localhost:4000/graphql', { credentials: 'include', mode: 'cors', }); const s
..
当我尝试删除输入中的内容并且内容的长度为1时,输入关闭,我不知道为什么。我在试图弄清楚为什么会发生这种情况时遇到了一些困难。 在这个可编辑的表上,我可以编辑我想要的所有内容,当字符串长度超过1时,就不会发生这种情况。我做错了什么? 这是我现在的代码:
..