The problem of updating the initial value of react antd getFieldDecorator

when I initialize the Input component of the Form form, I set the initalValue property of getFieldDecorator . This initial value depends on the value stored in Redux , and the Redux value is the data passed in the background.

the problem now is that when I click Save and modify successfully, the data will be pulled again and the data passed by the background will be updated. The value of redux is also updated, while initalValue is not updated dynamically. The page will not be updated until it is refreshed.

try to use setFieldsValue to set the value of Input , but it can cause an endless loop in many lifecycles.

is there any way to make the value of the Input component change with the data in Redux ?

Antd react.js javascript

Mar.10,2021

in the method that you click to save, just resetFields . The options in the Form.create (options) (ReactNode) method in

antd can do this. For more information on how to use it, please see the document https://2x.ant.design/compone.

Previous: How do I change the selected state of the antd navigation bar when react-router jumps through JS?

Next: What is the problem with the code that passes the query parameters in Agnular4?

Whether the paging of the list and Filter in admin should be linked to routing.
in common scenarios in the background of administrators, the data is listed in table, paged and conditionally searched. previously made an admin that is written by react, so it doesn t matter if all the data are obtained asynchronously. but now you ne...

Front-end antd react.js javascript

Mar.17,2021
The Table form of antd will be checked last time by default. How to clear it?
I set the default check box 13, the first submission is correct, the second time, the page also checked the last submission, not configured by getCheckboxProps rendering, and then onChange this, the output is the last submission (132) + this default (13...

Antdesign antd react.js javascript

Mar.20,2021
Ant-design Tree component issues
the initial state of an asynchronously loaded tree component is as follows: treeData: +: : : : the problem is: child is not preceded by a + sign (cannot be clicked), but the status isLeaf is set to false Expand to load is expanded, hoping...

Antdesign antd react.js javascript

Mar.28,2021
How does antd DatePicker change dates dynamically?
how to change its display value dynamically? for example, there is a button for the next day, the previous day, after clicking, you can dynamically change the display date ...

Antd react.js javascript

Apr.05,2021
How does React + Antd extract a Modal component?
back-end developers, who are not very familiar with the front end, now expect to be able to extract a Modal box for reuse. because a Modal is very generic and will appear on many pages, now you want to extract it into a separate js, and introduce it w...

Antd react.js javascript

Apr.07,2021
How to simulate a click of antd's RangePicker
for example, I have a button to choose today. When I click it, I want to simulate that I clicked once on the calendar. What do I do? current problem: ?[moment()], then click on the style in other places to return to normal (there is a selected ...

Antd react.js javascript

Jun.10,2021
How does antd DatePicker dynamically empty the date?
1. If the plug-in is not directly set to empty without moment, the plug-in must not be recognized as follows 2moment how can I set up to clear DatePicker here? -sharp-sharp-sharp problem description ...

Antd react.js javascript

Nov.30,2021
RangePicker in antd
I use the RangePicker plug-in in antd. When selecting a date in the local version, the year, month and day is correct, but the hour, minute and second is the local time, not 00, but the time of the online version is correct. Why ...

Antd react.js javascript

Jan.13,2022
When react uses ant design, to use table components, if there is a lot of data, you need to use scrollbars. How to beautify scrollbars?
< H2 > when react uses ant design, to use table components, if there is a lot of data, you need to use scrollbars. How to beautify scrollbars? < H2 > with css, only chrome is possible. my initial idea is to use the react-custom-scrollbars plug-in. t...

Antd react.js javascript

Jan.24,2022
The select component of ant designd, how to clear the selected value?
select component of ant designd, how to clear the selected value? ...

Antd react.js javascript

Feb.21,2022
How does the Dropdown component in antd get the data for a column in the current row of the Table component?
problem description in Table component column render has a Dropdown component, which is composed of several buttons under Dropdown component. The official example given by is to render the a tag to the row directly, so that you can get t...

Antd react.js javascript

Mar.23,2022
How does Table in antd unfold with a click line rather than a click + expansion?
the official example ( https: ant.design components.) provides whether the expanded event can be bound to a line by clicking the extra generated + to expand later. In this way, you can click on the line to view the corresponding description, and you don...

Antd react.js javascript

Mar.24,2022