问题标签 [antd]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
893 浏览

reactjs - 为基于 LESS 的 React 库添加 RTL 支持

我想使用ant-design在 React 中构建我的 webapp,但 RTL 支持对我来说是必须的。由于该库不支持 RTL,我正在考虑自己添加支持,但我的知识非常基础。

我知道他们在那里使用 LESS 来生成 CSS 文件。是否有插件可以让 LESS 输出同时支持 LRT 和 RTL 的 CSS?或者任何其他方法来添加 RTL 支持?我不介意自己做它并创建一个拉取请求,我只想知道如何去实现它。

0 投票
3 回答
7600 浏览

antd - InputNumber 用于货币输入?

我需要输入货币金额。无论如何自定义 InputNumber 以支持逗号(',')或 $ 之类的东西?

类似于这些:

http://leonardowf.github.io/react-simple-currency/

https://github.com/jsillitoe/react-currency-input

我现在正在使用表单和 InputNumber,但是如果没有至少每千个逗号,就很难(对于用户)阅读:

0 投票
0 回答
723 浏览

typescript - ASP.NET Core SPA 服务器渲染无法使用 react+redux+ant-design+babel-plugin-import

我使用 Microsoft 的 aspnetcore-spa 生成器使用 React+Redux 生成了一个新的 ASP.NET Core SPA,并尝试将它与 ant-design 和babel-plugin-import一起使用,并且第一次页面将成功呈现,但是一次刷新,每次都会抛出以下错误,即使重启了dotnet应用程序。

处理请求时发生未处理的异常。

异常:调用节点模块失败并出现错误:预渲染因错误而失败:错误:在 webpackMissingModule (C:\Users\viccrubs\Documents\Projects\QuestionSample1\ 中找不到模块“../../style/index.css”) ClientApp\dist\main-server.js:595:66) 在对象。(C:\Users\viccrubs\Documents\Projects\QuestionSample1\ClientApp\dist\main-server.js:595:164) 在webpack_require (C:\Users\viccrubs\Documents\Projects\QuestionSample1\ClientApp\dist\main- server.js:20:30) 在对象。(C:\Users\viccrubs\Documents\Projects\QuestionSample1\ClientApp\dist\main-server.js:387:13) 在webpack_require (C:\Users\viccrubs\Documents\Projects\QuestionSample1\ClientApp\dist\main-server.js:20:30) 在 Object.defineProperty.value (C:\Users\viccrubs\Documents\Projects\QuestionSample1\ClientApp\ dist\main-server.js:168:14) 在webpack_require (C:\Users\viccrubs\Documents\Projects\QuestionSample1\ClientApp\dist\main-server.js:20:30) 在 Object. (C:\Users\viccrubs\Documents\Projects\QuestionSample1\ClientApp\dist\main-server.js:65:16) 在webpack_require (C:\Users\viccrubs\Documents\Projects\QuestionSample1\ClientApp\dist\main-server.js:20:30) 在 Object.defineProperty.value (C:\Users\viccrubs\Documents\Projects\QuestionSample1\ClientApp\ dist\main-server.js:40:18) 当前目录为:C:\Users\viccrubs\Documents\Projects\QuestionSample1 Microsoft.AspNetCore.NodeServices.HostingModels.HttpNodeInstance+d__7.MoveNext()

这个 babel 插件在纯 react+webpack+typescript 项目中运行良好。在没有 babel-plugin-import 帮助的情况下手动从 antd 导入组件也会导致同样的错误。看起来是工作目录错误的问题,../../style/index.css在包含antd组件的目录下确实存在,但它应该已经被webpack处理了。而且第一次渲染效果很好也很奇怪。

示例: https ://github.com/viccrubs/QuestionSample1

或执行以下操作来重现它:

  1. 使用 yeoman 生成器生成带有 React+Redux 项目的 ASP.NET Core
  2. npm install --save antd babel-plugin-import
  3. ThunkAction从 /ClientApp/store 下的文件中删除所有导入
  4. 添加"plugins":[["import", { "libraryName": "antd", "style": "css" }]].babelrc
  5. 在 Home.tsx 中添加任意 antd 组件
  6. 添加"allowSyntheticDefaultImports": true,tsconfig.json
  7. dotnet 运行并打开 localhost:5000
  8. 应该是第一次渲染不会报错,但是一刷新,就会出现上面的错误。
0 投票
1 回答
967 浏览

javascript - Ant Design Mobile Picker 在 React Native 中使用时不会从底部弹出

我正在使用 React Native 测试来自 Ant Design Mobile 的 Picker 组件。但是当我按下Picker 时,它并没有像在演示 ( https://mobile.ant.design/components/picker/ )中那样从屏幕底部弹出。

我首先定义了一个数据数组:

然后我在 render 方法中包含了 Picker 组件:

但是当我按下屏幕上的“选项”字段时,什么也没发生。选择器没有弹出。

不过,有趣的是,当我将 DatePicker 组件放入 render 方法时,就像这样:

当我按下 DatePicker 时,它确实弹出了。

所以我不知道我在这里做错了什么。我该如何解决?

0 投票
1 回答
11999 浏览

validation - Ant Design 动态字段验证

我正在尝试创建动态字段验证器 - 当“isDisable”为真时,它不是必需的 + 不需要检查数字类型。

但是这段代码仍然检查数字类型。

我也在渲染函数中试过这个:

但是当输入数据时,验证器仅在调用“validateFieldsAndScroll”函数时发生,我希望它验证 onChange 事件

那么,如果该字段被禁用,我如何创建一个不检查类型的规则呢?

感谢。

0 投票
5 回答
10917 浏览

reactjs - Antd UI 库。覆盖空数据的行为

<Table />如果接收到空数据数组,我想渲染一些其他内容。
目前它只是显示'No data',但我想在那里放一些自定义组件。

空数据属性的当前默认行为

如何做到这一点?


WebAssembly 可以成为强制执行 drm 的一种方式吗?

使用编译语言的想法可能是显着提高性能的好方法。

但它可以用来设置drm吗?

例如:一些网站提供浏览器游戏,不希望源代码被他人使用。是否会使用与游戏机制相关的 webassembly-script 来检测它是否在另一个站点上使用并锁定它而无法反编译和绕过它?

我不想在这方面听起来像个海盗,但它可能与 adblock-users 相关,它也阻止了 trackers

例如,当音频上下文指纹-脚本在没有被检测到的情况下运行时,如何阻止它?

0 投票
1 回答
95 浏览

reactjs - 复制node_module/@type/koa到我自定义的typeRoots,为什么不行?

我想用antd ui,希望用script标签标签导入.min.js,像这样

我的 webpack.config.js 是

tsconfig.json 是

```

首先我使用命名空间,我认为 antd objetc ptotype 中的 antd 函数如全局模块,如 jquery。

/h/antd/index.d.ts

```

他们给了我一个错误:找不到 antd 模块。

我正在尝试定义一个模块

我再次得到错误:找不到模块

如果我把 antd2 的 floder 拷贝到 node_modules/@types ,我发现 is 的工作,为什么?</p>

所以我尝试将koa类型复制到h floder,我发现koa不起作用,为什么?</p>

我给了我的h/all.d.ts declare module "*",我还是报这个错。为什么?</p>

中的所有错误示例代码https://github.com/MiYogurt/ts-koa-react/tree/error

3Q为你助力!</p>

0 投票
2 回答
2217 浏览

reactjs - 如何在 ANTD 日历组件中获取选定日期?

如何在用户单击日历组件时选择日期?

0 投票
4 回答
22963 浏览

javascript - Antd 固定页眉布局

使用 ant.design,在布局中将Affix应用于Header 以 使其在滚动期间保持固定在顶部的正确方法是什么?下面是一个示例布局:

0 投票
1 回答
235 浏览

node.js - ant design和arangodb如何整合?

我将使用ant design作为 RESTful 数据驱动 SPA 的前端,它将处理 CRUD 操作、电子邮件、报告、会话、文件上传、身份验证和授权。

所以我想知道 Foxx 作为后端技术是否足够?还是我需要使用额外的库、foxx 客户端或 expressjs、sailsjs 或 feathersjs 等框架?

如果有人可以指导我完成设置全栈的过程,将不胜感激。提前感谢您的帮助