antd

dva 中使用自定义 Iconfont 遇到的坑

由 大城市里の小女人 提交于 2020-04-11 10:06:52
背景 ant-design 官网提供了一部分图标，但种类并不能满足实际开发，需要去阿里图标库挑选些的图标来使用。 问题 使用过 Antd 的应该知道上面反馈成功的图标显示有误，应该是一个蓝色的√。 思路 起初以为是 antd 的样式没有引进来，可是想想又不对，反馈失败图标 —— 红色×是可以显示正常的，后来点了下整个网站发现只有反馈成功图标显示有问题，F12 打开控制台查源码如下： 可以看到，这里用到一个伪类选择器。内容为：'\E630'。 在此之前，我刚好去阿里图标库 Iconfont 自己挑选了一批图标，下载到本地，也就是这几个文件： 打开 iconfont.css 文件，发现果然与其中一个图标的 unicode 冲突了。而冲突的那个图标的样子就是最上面那张图的图形。 iconfont.css ... .anticon-stop:before { content: "\E630"; } ... 解决 直接删除本地 iconfont.css 文件中冲突的那个图标是没用的，需要重新去阿里图标库，删除冲突的那个图标，重新下载。 来源： oschina 链接： https://my.oschina.net/u/3500483/blog/1554907

How to access field data in other field

由 旧城冷巷雨未停 提交于 2020-03-24 02:46:53
问题 I have a modal form with a form that uses Formik . Here are two pictures that show two states of that form that can be toggled with a switch.Initially I fill text into fields which can be added dynamically and stored as an array with . The second picture shows how I toggled to textarea . There you can also add text with commas that will be turned into an array. Is there any way to fill data in input fields from the first screen, toggle into textarea and access already inputted data. I

How to access field data in other field

由 大兔子大兔子 提交于 2020-03-24 02:46:08
问题 I have a modal form with a form that uses Formik . Here are two pictures that show two states of that form that can be toggled with a switch.Initially I fill text into fields which can be added dynamically and stored as an array with . The second picture shows how I toggled to textarea . There you can also add text with commas that will be turned into an array. Is there any way to fill data in input fields from the first screen, toggle into textarea and access already inputted data. I

Shopify app with reactjs and nodejs without nextjs?

由 自闭症网瘾萝莉.ら 提交于 2020-03-05 05:05:15
问题 I am developing a shopify app so the reactjs handles the UI part and node-express handles the shopify auth things. The tutorials in shopify site are node, react and nextjs node and express without reactjs My concern is how to test the app without reactjs server side rendering with nextjs? As we know node and react runs one seperate ports, so how can we handle the authentication flow with shopify? How I am trying to work is User enters app -> Node authenticates with shopify -> if auth success

Shopify app with reactjs and nodejs without nextjs?

由 拈花ヽ惹草 提交于 2020-03-05 05:04:09
问题 I am developing a shopify app so the reactjs handles the UI part and node-express handles the shopify auth things. The tutorials in shopify site are node, react and nextjs node and express without reactjs My concern is how to test the app without reactjs server side rendering with nextjs? As we know node and react runs one seperate ports, so how can we handle the authentication flow with shopify? How I am trying to work is User enters app -> Node authenticates with shopify -> if auth success

JSX elements with no children must be self-closing

由 江枫思渺然 提交于 2020-03-03 12:27:12
问题 I can run this code correctly. But when I commit my code to git, it shows 'ERROR: src/layouts/index.tsx:25:9 - JSX elements with no children must be self-closing'. I have tried to add React.Fragment tag. But it doesn't work. I also delete line 25. But the same error shows. Still 'index.tsx:25:9'. I also have tried to use to be self-closing. But I have to put value into the Menu.Item. Here is my code: import * as React from 'React'; import {Menu, Icon} from 'antd'; import './test.less'; import

Loading react application in a jsp page

由 ≯℡__Kan透↙ 提交于 2020-02-25 13:14:30
问题 We have our main application page in jsp and we built another application in reactjs and needed to embed the react application in jsp page, main jsp page should get handle of the react form submit action and able to submit the form for validations and for actual submission. Currently able to embed the react application using iframe ( which could be a security issue) in main jsp page iframe document. Jsp Page loads body content via iframe -> inside this iframe document -> I am embedding react

Loading react application in a jsp page

由 时光毁灭记忆、已成空白 提交于 2020-02-25 13:14:09
问题 We have our main application page in jsp and we built another application in reactjs and needed to embed the react application in jsp page, main jsp page should get handle of the react form submit action and able to submit the form for validations and for actual submission. Currently able to embed the react application using iframe ( which could be a security issue) in main jsp page iframe document. Jsp Page loads body content via iframe -> inside this iframe document -> I am embedding react

Import UI library modularized in nuxtjs

由 谁说胖子不能爱 提交于 2020-02-25 08:31:40
问题 I'm learning nuxtjs and i use ant-design-vue as my ui library, i'm able to import the library as a plugin and it works fine import Vue from 'vue' import Antd from 'ant-design-vue'; export default () => { Vue.use(Antd) } but this import the components globally, but what i wanted to do is to import individual components into specific pages not globally since nuxt will auto lazy load this, ps: i can import individual components using the plugin and it works but it's still global import. for

Import UI library modularized in nuxtjs

由 北慕城南 提交于 2020-02-25 08:31:30
问题 I'm learning nuxtjs and i use ant-design-vue as my ui library, i'm able to import the library as a plugin and it works fine import Vue from 'vue' import Antd from 'ant-design-vue'; export default () => { Vue.use(Antd) } but this import the components globally, but what i wanted to do is to import individual components into specific pages not globally since nuxt will auto lazy load this, ps: i can import individual components using the plugin and it works but it's still global import. for
订阅 antd