antdesign_编程技术问答社区_程序员问答知识库

以下是关于 antdesign 的编程技术问答

react.js - React 怎么实现antdesign Dropdown组件关闭菜单的功能？

问题两个下拉菜单组件，单独操作点击展开关闭菜单、document点击关闭菜单没问题。但是点1时如果2菜单是打开的怎么让2的菜单关闭？ class DropdownMenu extends React.Component { constructor (props) { super(props); this.state = { showClass: 'hide', left: 0, top:0, } } textClick = (e) => { e.nativeEvent.stopImmediatePropagation(); this.setState({ showClass: 'fadeInUp', left: `${offset(this.textDom).left}px

686 2022-07-19 编程技术问答社区 react.js antdesign dropdown

react.js - antd 在create-react-app中用antd搭建PC端SPA，路由切换后，浏览器前进后退后菜单激活状态如何改变

我用create-react-app搭建项目，UI库用antd，react-router4.1.1做路由，做了一个侧边导航做路由切换，已经实现，但是当我点击浏览器的前进和后退按钮时候如何让导航菜单的按钮状态随着路由一起变化？现在是点击前进后退之后路由依然切换，但是menu按钮的状态不动。现在就是差一个事件，判断是否点击了前进或后退，然后设置isSelect的值 react state代码： state = { isSelect:'/index' }; antd代码：

428 2022-07-19 编程技术问答社区 react.js react-router antd-mobile antdesign antd

javascript - antd上传图片组件可否在上传前将图片装换为base64格式传给后台

问题现在后台接口是接受base64格式的图片数据然后存储的，antd上传组件是直接传图片过去的，可否在上传前做转换，并且将直接上传的图片替换为base64格式的图片？解决方案你可以在beforeUpload 中 hack 一下.自己转成 base64给后台即可. 实际上提供的有自定义上传实现customRequest 注意看 api

1094 2022-07-19 编程技术问答社区 antd javascript antdesign

javascript - 有人知道ant-design的表单验证getFieldDecorator怎么用嘛

我按照官方例子来写的，但是为什么会报TypeError: Cannot read property 'getFieldDecorator' of undefined的错误？有大神帮忙解答一下嘛

2126 2022-07-19 编程技术问答社区 javascript react.js ant antdesign

react.js - react单页面应用刷新后停留在当前页而不是首页的问题。

问题我用react做spa，刷新后每次都是跳转到首页，我在componentWillMount里history.push(window.location.pathname)倒是可以实现刷新后停留在当前页，不过启动项目时候没办法进入首页了。每次启动项目时候找不到入口路由。有人知道怎么解决吗解决方案我没用react做过，我用vue做单页应用，我觉着他们俩的思路应该一样吧！就是路由决定加载哪些组件，组件组成的页面。刷新的时候路由不会变，页面为什么会跳转首页呢？个人建议先看一下你的spa是不是做的不彻底，就是页面不是依赖路由而是依赖点击事件什么的。如果不是这些问题或是你的业务逻辑特殊，我的一个解决思路就是通过监听路由变化，来实现你想要的逻辑

574 2022-07-19 编程技术问答社区 antdesign react-native react-router react.js

antd - ant design getFieldDecorator 无法获取自定义组件的值

问题自定义组件 class CheckList extends React.Component { state = { checkedList: [], indeterminate: false, checkAll: false }; onChange = (checkedList) => { // console.log(this.props.dataitem.action.length); console.log(checkedList); this.setState({ checkedList, indeterminate: !!checkedList.length && (checkedList.length

520 2022-07-19 编程技术问答社区 antdesign antd

javascript - ant-design中的table组件怎么清空里面所有的数据(包括别的组件比如input)

如上图，这个table每一行都有1个input，现在我输入前两行input分别为11,22. 我现在遇到的问题是：当我删除了第二行(input是22)，最后前面的数据都删除了，但是input还是原来的，我现在的想法是先把table里的所有数据都删除了，在赋值，那么有什么方法可以清空所有的？比如form 有个方法是resetFields，table怎么办呢

1152 2022-07-19 编程技术问答社区 java react.js javascript ant antdesign

javascript - 新人求助，如何才能实现点击menu的项然后弹出Modal

问题初学前端，选择了antd和react。现在基于dvajs的框架在编程。现在想实现点击antd的menu下的item,然后弹出相对应的modal。因为对react的了解有限，在边做边学，麻烦稍微指点下思路，谢谢！解决方案最简单的办法： import { Modal, } from 'antd' ... click me popup a info dialog

386 2022-07-19 编程技术问答社区 antd antdesign javascript react.js

react.js - 大神请进，react-router与面包屑的问题

问题项目中面包屑用的antd里的组件，与react-router配合形成这样的效果：从列表页点击员工名称进入详情页：员工列表 / 员工详情但痛苦的是路由是这样写的：上面路由带来的麻烦是面包屑只能显示员工列表或者员工详情，没办法显示员工列表 / 员工详情。如果将路由改成：

1970 2022-07-19 编程技术问答社区 react.js antdesign antd react-router

javascript - antdesign底层弹出个confirmModal。怎么获取底层的this？

showConfirm() {//弹出确认对话框 confirm({ title: '当前总计应收金额为'+this.state.allReceivablePrice+'元',//这里能得到值！！！！ // content: 'some descriptions', okText: '确认回款', cancelText: '取消', onOk() { const {allSelectOrder}=this.state; if (allSelectOrder.length==0){ message.error('订单Id不能为空'); return; }else {

1278 2022-07-19 编程技术问答社区 javascript node.js react-router react.js antdesign

antd - AutoComplete如何获取到value值？

问题如题官方设置说明value的值是 value 指定当前选中的条目 string|string[]|{ key: string, label: string|ReactNode }|Array 不过我用value写死，比如 {children} 然后选中一个下拉条目，value直接切换成选中的条目了，这个不是value写死了么，不是受控组件吗？跟Input之类的写法不一样了啊。问AutoComplete怎么做成受控的组件啊？想取到value值。解决方案把组件的value与state绑定，然后通过onChange事件修改state。官方文档有的。

2932 2022-07-19 编程技术问答社区 antdesign antd

javascript - Upload组件选了文件不立即上传

问题 antd的Upload组件，我想选择文件后不立即上传，等我按了保存按钮之后我才一起上传，这个怎么做呢？解决方案利用beforeUpload将要上传的东西存到store里面（state也可以），最后return false，阻止上传。 { // 清空文件列表 dispatch({ type: 'SystemSettings/Version/changeFileList', payload: {

664 2022-07-19 编程技术问答社区 antdesign antd javascript

antd - Form 自动提示在页面滚动后错位，请问如何解决？

form表单提交后，input会缓存历史数据给出自动提示，但是滚动页面后，自动提示会错位，请问如何解决？ {getFieldDecorator('name', { initialValue: 'demo', })()}

794 2022-07-19 编程技术问答社区 antd antdesign

javascript - react我用了antdesign的table控件，我怎么强制用自己的style覆盖掉调用的class的某个属性

ble默认就带有.ant-table Class，其中有个属性是 overflow: auto;我在调试的时候发现只要把这个勾去掉，上面的界面就能完美展示，但是我现在前台都没有手动写这个className，我想把这个overflow: auto;属性去掉，该怎么办？

264 2022-07-17 编程技术问答社区 node.js antdesign javascript react-native react.js

react.js - react 注册失败组件刷洗，表单的信息得重新填写。

问题我用ant-design写的登录页面，图片上传不上来,我描述描述，注册页面是在登录页面的基础上弹出的一个modal，注册成功的效果是modal消失，提示用户注册成功，但注册失败时modal刷新了一下，用户填的表单信息都没有了，我希望用户注册失败后modal不消失，用户在先前输入的基础上进行修改解决方案页面刷新是人为控制的，两种情况： 1. 弹框中的信息是通过表单提交，onSubmit提交后页面会刷新 2. 利用ajax提交数据，ajax返回后人为刷新了页面对于1情况，改为ajax提交对于2情况，ajax返回成功才刷新，返回失败的话，只提示错误信息，不做组件状态的修改就行

120 2022-07-17 编程技术问答社区 antdesign react.js

react.js - 使用ant-design折叠面板，如何阻止点击子控件触发了父控价的方法？

使用antd的折叠面板，在折叠面板的header加一个chexbox，点击chexbox触发了折叠面板的展开和合并方法，如何不让它触发呢？代码是这样的 {item.label}

288 2022-07-17 编程技术问答社区 antdesign react.js

react.js - Ant-design中远程加载数据table内有个record，是干什么用的？

如图，我一直不知道是干什么用的，有大神指点一下吗？还有自定义筛选菜单的Table中的record都代表什么？

1022 2022-07-17 编程技术问答社区 antdesign antd antd-mobile react.js create-react-app

react.js - rc-pagination 同时使用 pageSize 和 defaultCurrent 时，无法选中页码

const total = ids.length; 初始化时，total的值为0，后获取数据后total有值，假设为200，此时没选中第3页如果我去掉代码 pageSize={15} 可以正常显示；如果将total设置为常量，也可正常显示

2130 2022-07-17 编程技术问答社区 react.js antdesign antd

antdesign - 关于antd里面select级联之后，另外一个select值无法清空的问题

首先有2个select，第一个select选择之后，第二个select的值会相对应的改变，反之不然。当我选择第二个select之后，然后去第一个select选择一个，第二个select的值却是上次选择的值，第二个select里面其实是没有这个的，我如果做才可以在选择第一个select的时候把第二个select的值每次都清空掉？如图，我选择了第二个‘渠道’的热云科技，是上次选择的，这时候我选择‘类型’-‘其他’，其实这时候请求出来的‘渠道’的内容没有热云科技这个东西，但是却默认的选择了，我也尝试了使用this.setState去设置，不过不知道如何获取当前的select的值，求教！

7308 2022-07-17 编程技术问答社区 antdesign antd

javascript - ant-design里为了清空Modal中的值每次点击显示为它设置key，可是却报错

这是官网的解释：组件有标准的 React 生命周期，关闭后状态不会自动清空。如果希望每次打开都是新内容，需要自行手动清空旧的状态。或者打开时给 Modal 设置一个全新的 key， React 会渲染出一个全新的对话框。但是我用的时候就报错，还是说key相同。我一共三个model。一个父级内嵌套着两个子级。有时候点击这三个Modal的控制显示按钮会报错，有时候不会，报错信息：我的代码： state = { loading: false, mainModal: false, inputItemModal:false, selectItemModel:false, inputModalKey:0, selectModalKey:0, mainModalKey:0,

3496 2022-07-17 编程技术问答社区 antdesign antd antd-mobile react.js javascript

首页
<
1
>
尾页