Relative Content

Tag Archive for javascriptreactjsantd

Visual Glitch When Opening Menu in React + Ant Design Layout

I’m experiencing a visual glitch when opening the Menu component in my React application that uses Ant Design. Specifically, the issue occurs in a layout with a collapsible sidebar. Here is a brief overview of the relevant code and the problem:

Adding FilterDate in ANTD table component

I added DatePicker component as a filter and trying to use it, I’m getting value, but there is problem with full open component, every time when I open or close datePicker I getting Resize Loop error.

FilterDate in ANTD table component

I added DatePicker component as a filter and trying to use it, I’m getting value, but there is problem with full open component, every time when I open or close datePicker I getting Resize Loop error.

Antd select component does not set actual form value when setFieldsValue

Background: I am using antd select component in my form for tagging. This form is used to update the backend on changes on an entity. Hence on first load, I would like to update the select component to show the existing tags. To do so, I used the form.setFieldsValue method to update the form. (there […]

Ant design ProChat Usage

I want to develop a chat system with ProChat without streaming and socket just by running API continuously. I get many error about buffers and not getting “ok” message when I send message. Also I have problem in styling it. I appreciate any kind of guidance. TNX

Clicking on antd select menu options making current of ref null

I am developing feature for opening a filter box when click on button and i need to close it when clicked outside. For this I have used useRef hook and i am using antd ui elements like select and datepicker. Everything is working fine but when i click on menu opened by select or datepicker component and select any option. It is getting considered as hanleclciked outside but the component is inside my ref. I am adding code and screenshots for refernce.

Should I use modal or form controls to trigger functions?

I want to write an application with Laravel, React and Antd. I have two files “People.jsx” and “PersonForm.jsx”. First one is the page, the second one is the form, that is included in the first one. The idea is, that after pressing a button, a modal opens up, presented with a form to add a new person to the database.