antd 相关问题

Ant Design，一种企业级UI设计语言和基于React的实现。

setFieldsValue 不会重新渲染表单值

这是一个愚蠢的例子。假设我的表单中有两项（性别和年龄）。如果年龄 > 18 则性别应为男孩，否则性别应为女孩。如果我通过输入新值 t 来更改年龄...

reactjs antd

回答 3 投票 0

DatePicker、RangePicker antd 中的内部日期禁用逻辑

嗨，你能帮我吗？我使用RangePicker形式的antd库该组件具有禁用日期的内部逻辑。例如，如果我们选择 startDate，则小于 start start 的日期将变为

javascript reactjs antd daterangepicker disable

回答 1 投票 0

升级到 andt 5.20.0 - ./node_modules/@ant-design/fast-color/lib/FastColor.js 56:10 中出现错误

我最近升级到了最新版本的[email protected]，我使用了npm i antd --save --legacy-peer-deps，效果很好。但是，当我运行 npm start 时，控制台抱怨以下错误...

javascript reactjs npm antd

回答 1 投票 0

如何从antd导入类型？

我想从antd-ui导入一个类型，像这样从 'antd' 导入 { StepsProps } 进而模块解析失败：意外的标记 (14:30) 文件是用这些加载器处理的： * ./node_modules/ts-

typescript frontend typeerror antd

回答 1 投票 0

antd design 选择占位符问题

我在我的 React 应用程序中使用 antd design。这是我遇到问题的代码片段：我在我的 React 应用程序中使用 antd design。这是我遇到问题的代码片段： <Select showSearch optionFilterProp = "children" placeholder = "Select Company" value = "{this.state.company}" name = "company" onSelect = "{this.handleCompanyChange}" > 现在，如果 this.state.company 不是 null，它会显示选择的正确值。但如果 this.state.company 是 empty 或 null，则占位符不会显示。如何解决此问题，以便在 value 为空时出现占位符？将 this.state.company 设置为 undefined 而不是 null。您应该按如下方式更新： <Select showSearch optionFilterProp = "children" placeholder = "Select Company" value = {this.state.company || undefined} ---- update this line name = "company" onSelect = "{this.handleCompanyChange}" > 应将其设置为 undefined 而不是 null 或 "" 空字符串。 this.props.form.setFieldsValue({ myFieldName: undefined }) 我也遇到了同样的问题，解决方案如下： ant design select 的代码片段 <Select key="1" value={this.getStateValue()} showSearch allowClear placeholder='Select Weight' onChange={onWeightChange}> {options} </Select> 其中 getStateValue 将是这样的： getStateValue = () => { const { value } = this.state; if (value) { return value; } } 我更改为： const [value, updateValue] = useState(""); 致： const [value, updateValue] = useState(undefined); 而且成功了！检查发布的图片，您需要定位名称并尝试将其设置为空（如果它是空字符串），这应该可以。如果您使用 Antd 的 Form.create() 那么还有另一种很酷的方法来设置/获取表单的值。请注意，在此方法中，组件（Select 和其他）必须位于 <Form> 元素内。此外，封闭类应该作为 props 在 Form.create() 对象中传递，如下所示： export default connect(mapStateToProps, mapDispatchToProps)(Form.create()(YourClassName)); 这样我们就可以在 props 中使用 this.props.form 了。这将有一个重要的函数，名为 getFieldDecorator，如下所示： const { getFieldDecorator } = this.props.form; 每个输入组件都必须包装在 <Form.Item></Form.Item> 内，见下文： <FormItem> {getFieldDecorator('prefix', { initialValue: '86', })( <Select style={{ width: 70 }}> <Option value="86">+86</Option> <Option value="87">+87</Option> </Select> )} </FormItem> 正如您在上面所看到的，这是为表单元素设置初始值的更简单的方法。请注意，有时当您需要以编程方式设置函数中表单元素的值时，您可以使用 setFieldsValue、setFields 等。在使用 getFieldsValue getFieldValue setFieldsValue 等之前，请确保相应的字段已经注册到 getFieldDecorator 中。有关协调控件的更多信息，请参阅 https://ant.design/components/form/?locale=en-US#Form-fields。示例： componentDidMount() { if (someCheckHere){ this.props.form.setFieldsValue({ company: userData.companyName }) } }

javascript reactjs redux create-react-app antd

回答 0 投票 0

我尝试将ANT DESIGN框架的转接组件改造成支持单选的组件

在提供给transfer的api onchange的回调函数中，我尝试通过操作提供给api targetKeys的数组来控制页面上渲染的数据。但没有生效她...

reactjs antd transfer ant-design-pro

回答 1 投票 0

如何在动态 AntD 表单中过滤 Select 中的选项？

问题描述我正在 React 项目中使用 Ant Design (Antd) 处理动态表单。该表单包含一个 Select 组件，该组件根据字段数组动态呈现选项，例如...

reactjs drop-down-menu antd

回答 1 投票 0

@ant-design/react-native 输入字段添加 border-bottom 默认值，我想删除它

我尝试添加 borderBottomWidth 和 borderColor 但它不起作用我尝试添加 borderBottomWidth 和 borderColor 但它不起作用 <Form.Item key={index} name={field.name} rules={field.validations} label={field.label} required={field.required} style={{ borderBlockColor: "transparent", borderBottomWidth: 0, }}> <Input placeholder={field.placeholder} /> </Form.Item> 貌似不能自定义样式。相反，您可以使用 style prop 将样式添加到输入项您可以在这里找到更多信息

react-native antd

回答 1 投票 0

如何在 React/Antd 中将 Tab Bar 标题创建为固定/粘性？

我需要修复在抽屉中打开的标签栏标题。这是我尝试过的。 Antd 推荐使用react-sticky lib。不知怎的，它不起作用。也许原因是抽屉卷轴等。E...

css reactjs tabs antd

回答 2 投票 0

React ant-design 中的自动完成过滤器

我有一个自动完成组件，以对象数组作为数据源。我设法渲染对象数组中的输入和选项下拉列表。我在过滤结果时遇到困难...

javascript reactjs antd

回答 2 投票 0

使用 ConfigProvider 自定义主题时在 head 中重复添加样式

我在我的应用程序中使用 ConfigProvider，并为新字体系列自定义主题，但它在 1 个组件的 head 标签中添加了 2 个样式常量设计系统 = { “令牌”：{ “字体家族”：“