问题标签 [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.
reactjs - 为基于 LESS 的 React 库添加 RTL 支持
我想使用ant-design在 React 中构建我的 webapp,但 RTL 支持对我来说是必须的。由于该库不支持 RTL,我正在考虑自己添加支持,但我的知识非常基础。
我知道他们在那里使用 LESS 来生成 CSS 文件。是否有插件可以让 LESS 输出同时支持 LRT 和 RTL 的 CSS?或者任何其他方法来添加 RTL 支持?我不介意自己做它并创建一个拉取请求,我只想知道如何去实现它。
antd - InputNumber 用于货币输入?
我需要输入货币金额。无论如何自定义 InputNumber 以支持逗号(',')或 $ 之类的东西?
类似于这些:
http://leonardowf.github.io/react-simple-currency/
https://github.com/jsillitoe/react-currency-input
我现在正在使用表单和 InputNumber,但是如果没有至少每千个逗号,就很难(对于用户)阅读:
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
或执行以下操作来重现它:
- 使用 yeoman 生成器生成带有 React+Redux 项目的 ASP.NET Core
- npm install --save antd babel-plugin-import
ThunkAction
从 /ClientApp/store 下的文件中删除所有导入- 添加
"plugins":[["import", { "libraryName": "antd", "style": "css" }]]
.babelrc - 在 Home.tsx 中添加任意 antd 组件
- 添加
"allowSyntheticDefaultImports": true,
tsconfig.json - dotnet 运行并打开 localhost:5000
- 应该是第一次渲染不会报错,但是一刷新,就会出现上面的错误。
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 时,它确实弹出了。
所以我不知道我在这里做错了什么。我该如何解决?
validation - Ant Design 动态字段验证
我正在尝试创建动态字段验证器 - 当“isDisable”为真时,它不是必需的 + 不需要检查数字类型。
但是这段代码仍然检查数字类型。
我也在渲染函数中试过这个:
但是当输入数据时,验证器仅在调用“validateFieldsAndScroll”函数时发生,我希望它验证 onChange 事件
那么,如果该字段被禁用,我如何创建一个不检查类型的规则呢?
感谢。
reactjs - Antd UI 库。覆盖空数据的行为<Table />
如果接收到空数据数组,我想渲染一些其他内容。
目前它只是显示'No data'
,但我想在那里放一些自定义组件。
WebAssembly 可以成为强制执行 drm 的一种方式吗?
使用编译语言的想法可能是显着提高性能的好方法。
但它可以用来设置drm吗?
例如:一些网站提供浏览器游戏,不希望源代码被他人使用。是否会使用与游戏机制相关的 webassembly-script 来检测它是否在另一个站点上使用并锁定它而无法反编译和绕过它?
我不想在这方面听起来像个海盗,但它可能与 adblock-users 相关,它也阻止了 trackers。
例如,当音频上下文指纹-脚本在没有被检测到的情况下运行时,如何阻止它?
<Table />
如果接收到空数据数组,我想渲染一些其他内容。
目前它只是显示'No data'
,但我想在那里放一些自定义组件。
使用编译语言的想法可能是显着提高性能的好方法。 但它可以用来设置drm吗? 例如:一些网站提供浏览器游戏,不希望源代码被他人使用。是否会使用与游戏机制相关的 webassembly-script 来检测它是否在另一个站点上使用并锁定它而无法反编译和绕过它? 我不想在这方面听起来像个海盗,但它可能与 adblock-users 相关,它也阻止了 trackers。 例如,当音频上下文指纹-脚本在没有被检测到的情况下运行时,如何阻止它?
WebAssembly 可以成为强制执行 drm 的一种方式吗?
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>
reactjs - 如何在 ANTD 日历组件中获取选定日期?
如何在用户单击日历组件时选择日期?
node.js - ant design和arangodb如何整合?
我将使用ant design作为 RESTful 数据驱动 SPA 的前端,它将处理 CRUD 操作、电子邮件、报告、会话、文件上传、身份验证和授权。
所以我想知道 Foxx 作为后端技术是否足够?还是我需要使用额外的库、foxx 客户端或 expressjs、sailsjs 或 feathersjs 等框架?
如果有人可以指导我完成设置全栈的过程,将不胜感激。提前感谢您的帮助