Where communities thrive

  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
Repo info
  • 07:33
    sinchang commented #503
  • 06:54
    sinchang commented #503
  • Oct 22 13:56
    krmao commented #465
  • Oct 22 13:53
    krmao commented #465
  • Oct 22 11:14
    krmao commented #465
  • Oct 22 07:26
    liubailing synchronize #503
  • Oct 22 01:52
    liubailing opened #503
  • Oct 21 11:45
    alexeychirkov commented #334
  • Oct 20 07:14

    bang88 on master

    bump (compare)

  • Oct 19 19:34
    hbarcelos opened #595
  • Oct 19 13:55
    AnubhutiRoX commented #89
  • Oct 18 09:09
    cwjTerrace opened #501
  • Oct 13 09:11
    chenyulun commented #500
  • Oct 13 09:05
    chenyulun commented #500
  • Oct 13 09:04
    chenyulun closed #500
  • Oct 13 09:01
    chenyulun commented #500
  • Oct 13 08:49
    chenyulun edited #500
  • Oct 13 08:48
    chenyulun opened #500
  • Oct 08 03:16
    qiudaoermu edited #499
  • Oct 08 03:15
    qiudaoermu reopened #499

Hey guys, needed some help. I have this piece of code...

<Select id="trains" name="trains" mode="multiple" allowClear placeholder="Select Course Trainers" defaultValue={initialValues.assignedTrainers.map(trainer => (
<Select.Option key={trainer._id} value={trainer._id}>
{initialValues.trainers.map(trainer => (
<Select.Option key={trainer._id} value={trainer._id}>

The default values in the select shows no label. But the dropdown (options) of the Select component show labels properly
How can I make the default values appear correctly?
Please look at the above screenshot. See the default values don't show up with labels.
Yogesh R. Bhatt


I want to change date format in pro table listing.

Can you help me on this?

Form changes don’t persist on tab switching

Any idea?

I am using ant design Upload component and it let me upload photos of larger size (20 mb) in development environment but the same code is not working on staging environment. It let me upload file upto 1 mb only. Any solution to this? i am stuck at this from morning and can't find anything in the docs.
Spencer Arnold
@wowtech_gitlab I haven’t viewed the link you posted, but what you describe is natural behavior. If you want form information to persist, you need to store the state and reload it when the form is rendered again. This is common with other technologies as well. The default is that the tab component shouldn’t keep track of form state within each tab, because not everybody wants to render a form within a tab. To develop this feature, the antd team could develop this functionality, but it wouldn’t be practical to develop functionality for this one case, because there are so many cases of what could be rendered/what everyone else wants.
Jiri Bleha
Hello, does anybody know if the AntD team has a plan about English Sketch UI kit?
hi does anybody know how can I display a checkbox column in a table ? the column is a boolean type
Super Creator
Can I search title in TreeSelect? The search works for value as default.
I am having a trouble Norwegian translations to my app. Can anybody help me in how can I add my custom translations to the locale in config provider? Is there a way to use react-intl along with antd config provider?

I have scene like this

<Form ref={this.formRef} onFinish={this.handleSubmit.bind(this)} style={{ width: '100%' }} layout='vertical'>
        // className={rules.find(r => r.required || r.validator) ? 'required' : ''}
        name={validatorId}// unique id 
                required: true,
                validator: (rule, value, callback) => {
                    try {
                        if (value) { callback('some error'); }
                        else {
                            callback('other error');

                    catch (err) {
                        // Error does not show in console if occurred hence need to catch here
                        console.log('Error in validator: ', err);
                        // callback(err)
        {component} // any input component
    {100+ Form.Item fields}

so now when I type in input field text started showing after a visible lag

Can anyone help here?

Can we debounce the onFieldsChange and onValuesChange functions of form?
Pedro Siqueira
Does anybody know how i can change the radio input border color on focus? Can't seem to find it anywhere. The radio inputs I want to customize are here https://codesandbox.io/s/zen-ride-cxvne?file=/index.js
marcin mikołajczak🏳️‍🌈
Hi, I’m working on a project using Antd and this framework solves most of the problems I had with other similar frameworks. I will probably switch to Antd for another project that currently uses material-ui, but there’s one problem, I don’t know if it’s possible to create complex forms using antd <Form /> component, like form with a field which is an array of objects containing another array etc. Would that be possible with antd form component? When I tried, I had a problem with validation that was getting triggered endlessly
Or should I use something different for forms?
marcin mikołajczak🏳️‍🌈
In my current project it led me to one of my most hacky solutions, but it was just for a simple array of objects
Does anyone know why this is happening? The state gets updated correctly but the items in the input field stay there when they get deselected.
Edgar J Rojas L
Hi people!! I'm new on antd. I'm trying to make a navbar with react-router-dom. Any tutorial over there???
Hello, does anyone have any idea why the CSS is not being loaded when antd is used with Frontity framework?

Hi guys.

Is it possible to somehow do something so that when you select in the list using the "tab" key on keyboard, you first select a value(by tab button) and immediately switch to another field. Now the select component work only to the enter key.
i am need to make him choose the value and also according to the tab.
thanks in advance

Devora Solomon
Hey !
i have a html frontend i want to design it with ant but not to install 'create-react-app'
just use and
one file on html that i need to design with ant
Devora Solomon
can any one please help ?
get react working in a single html file first, then add ant design
Anyone here used Antd Chart before?
Gonzalo González Mora
Hey how's it going? I'm having an issue with the Carousel. If I render components inside the carousel, and one of them is empty (return null for example), the dot for that item renders anyway? Is this intended? or a limitation? or a bug? I made a Codepen to show it: https://codepen.io/GonzaloGM/pen/JjKbaMz?editors=0010
Tural Hajiyev
Hi, is there any why to handle select input event before value change ?
Hi guys I want to add divider between each rows in List component not sure List has that api or how to do it please check the codsandbox example.
Shakxzod Namazbaev
Hi, I am using version 4 of Ant Design. My problem is that I can't place the data inside the Form in the Input. Information is visible outside the form, but no information is visible inside the form. I use initialValue for this
Carl Sachs
Hello I am trying to add a couple carousels into my current web application. I imported everything just fine, yet when I set <Carousel autoplay> to <Carousel vertical autoplay>, it still slides on an x axis. Any help is appreciated
Hello Can you please help me
like this
Снимок экрана 2020-10-24 в 7.54.11.png
Everything is work in example
but when i wanna make one input depend on value of another input it doesn't work
<Form.List name="conditions">
{(fields, { add, remove }) => {
return (
{fields.map(field => (
<Space key={field.key} style={{ display: 'flex', marginBottom: 8 }} align="start">
<Form.Item {...field} name={[field.name, 'entityType']} fieldKey={[field.fieldKey, 'entityType']} rules={[{ required: true, message: 'Вы не указали параметр' }]} >
style={{ width: 130 }}
      shouldUpdate={(prevValues, curValues) =>
        prevValues.entityType !== curValues.entityType || prevValues.para !== curValues.para
      {() => (
        name={[field.name, 'param']}
        fieldKey={[field.fieldKey, 'param']}
        rules={[{ required: true, message: 'Вы не указали параметр' }]}
        {(para[form.getFieldValue('entityType')] || []).map((elem, index) => (
          <Option value={elem.value}>{elem.label}</Option>
      name={[field.name, 'value']}
      fieldKey={[field.fieldKey, 'value']}
      rules={[{ required: true, message: 'Вы не указали значение' }]}
      <Input placeholder="Значение"
      name={[field.name, 'operand']}
      fieldKey={[field.fieldKey, 'operand']}
      rules={[{ required: true, message: 'Вы не указали оператор' }]}
      style={{ width: 130 }}

      onClick={() => {

    onClick={() => {
    <PlusOutlined /> Добавить критерий
Can somebody help?
Снимок экрана 2020-10-24 в 7.55.56.png
good chat...
hello ! please , does somebody can help ? how to set a value(exemple :color) of a specific row in ant table by clicking on that row action's button ? when i am trying to do it , all my table color change
Ihsan Maulana Hamdani
use rowClassName and you have to save current row id