question:
the antd, used defines a model component and a form component. The form component is a child component of the model component. In the parent component app, use the component model, to get the form data of the child component when you want to click submit.
how can the form data obtained be passed when the submit button is clicked?
figure:
:
app.tsx
mode.tsx
form.tsx
DidMountsubmitProxy
validateFields the second parameter can get all the attribute values of the form form
after getting the data, you can directly dispatch a effects .
gives you an example of login .
There are two ways of for reference: 1: add call the validateFields method of the form component directly in the onClick event of model refs to the form layer (child layer), and call validateFields and other methods in the submit event of the parent layer through refs to get the child layer instance. 2: add a state of checked to the model layer (parent layer), click the submit button every time, this.state.checked+1 , and then pass it to the form layer through props . The form layer listens on componentWillReceiveProps to listen for this.props.checked changes, triggers validateFields to get data, and then triggers this.props.submit.
this.props.form.validateFields((err,value) {
// value
})
Previous: The problem of vue combined with django, is that the data can not be obtained by the thermal map.
Next: How to solve the problem that there is a scroll bar on the select tab under the browser?
use list as the option data source for Select, but use callback, which cannot be rendered. Just call it directly, as shown in the figure below. The first method is fine, and the second is not. Because there are many Select, on a page, you need to use th...
The structure of the data is like this, and you need to use this to generate a form like this { name: , groups: [ { groupName: , state: 1, 1 0 isOpen: 1, 1 0 ...
the initial permissions in ant-design-pro are obtained from Synchronize in localstorage (. src utils authority.js). The permission information obtained is used to determine the jump of the page (whether to jump to the login page). I want to obtain perm...
when looking at the official instance of antd, if you see that the value of the setState method is a first-level deep copy of the original state, it will render immediately (I don t know if it means a deep copy here) see the asynchronous loading inst...
thousands of pieces of data returned by the background interface are put in the Select. Users select a certain piece of data and find it very stuttered. Is there any way to solve it ? this is the official demo of antd const { Select } = antd; const Op...
https: ant.design can anyone open it? Several of my colleagues said that I could not open ....
use multipart form-data for the first time No Content the second time before, I also thought it was caused by the component. The back end said that Access-Control-Allow-Headers is not the default request, so the request is not a simple request, like ...
the column of operation on the right is floating then there may be additions and deletions to the columns here, which will change the height of the table row, but the height of the floating column on the right is fixed, which makes it ugly . ...
LocaleProviderdemomoment : ...
...
I want to use ListView with TabBar. the demo, on the official website shows that ListView cannot be loaded. after testing, it is found that it should be caused by the outermost , and the outermost is for tabbar to be placed at the front end of b...
the following code: var params = new URLSearchParams(); params.append( kssj , kssj); params.append( jssj ,jssj); axios.post( api php history carList.json ,params).then((res)=>{...} all the demo I write uses URLSearchPara...
in the use of react to play a single-page library management system, found that click on the left navigation, some components do not display, and did not report an error is what is going on? github:https: github.com hesisi rea...~~ =================...
use antd component react frame single page router my page column jumps want to achieve the left menu bar navigation index also changes to the corresponding page options, how do you achieve this function! Just give me some ideas picture description ...
I disabled mock .webpackrcproxy using the ant design pro framework. I set up a proxy but it doesn t work well, and I can t request the interface in the background all the time ...
in the modification function, get record and put it in form when you click on a record, and then click OK after modification. I want to get the value of each Input through this.refs.refName.value, but I find that as long as I add refs to the Input compo...
import React from react ; import {Link} from dva router import {Menu, Icon, Avatar, Layout, Breadcrumb, Button, notification, Select, Pagination, Checkbox, Input} from antd ; import logo from . css App.css ; import ayjs from . css a...
after a successful login, dispatch sends a request in componentDidMount. At first, the request is successful, but after a while, the request automatically fails, reporting an error of 401, but it is good to log in again. ...
as shown in the figure: when each record is clicked to edit, the form displays the corresponding record value. My practice is to click to edit the record to obtain the record and store it in state.formData. How to pass state.formData as a props paramete...
followed by the previous question, if the introduction of React+antd, in an ordinary html page has been typed, the code below will work normally. <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name=...