In react, one request depends on the result of another request.

The request in

react is usually placed in the lifecycle componentDidMount event, but now I have a requirement to send two requests, and the parameter of the second request is the result of the first request.

for example, the result of the first request: state.res1 if I put all the requests directly in the componentDidMount, the second request will not get parameters at first.

what I"m doing now is that the first request updates a boolean:state.res1IsCompleted logo in addition to updating the state.res1, puts the second request in the componentDidUpdate, and then determines whether or not to initiate the second request based on the res1IsCompleted logo.

but it"s a little weird that if my request relies too much (because I"m working on a workflow-related page, there will be a lot of design requests), there will be a bunch of identity status in state.

React.js

Mar.03,2022

Can't

be written in the callback of the request?

just put the second request in the callback function of the successful first request

js is asynchronous, so you can't get it.
I recommend two methods for you.

I don't see anything like redux in your description, so I assume that only the react, calling interface uses fetch .

callback


:<br>getProdDetail()<br>getRecListobjgoods_id,<br>export const getProdDetail = (obj) => {
return (dispatch) => {
    let method = 'b2c.product2.app_productBaseInfo&';
    const params = {
        appid: 'webapp',
        version: '3.9.2',
        source: 'wap',
        token: '',
        ...obj
    };
    const url = `${rootUrl}${method}` + combParams(params);
    axios.get(url).then((response) => {
        const res = response.data.data;
        dispatch(getProdInfo(res.returndata));
        const goodObj = {
            goods_id: res.returndata.goods_id,
            type: 1
        };
        getRecList(goodObj, dispatch)
    })
};
};


										
												Previous: Function execution problems in delegate events and normal binding events
												                		Next: The right slide deletion of vue mint-ui is invalid.
                							
					
						
					
															
						
														
								React uses axios to call the background data. After success, how to jump to the page based on the returned value?
								
 1. Write the landing page with react, after calling the background data with axios, judge the route of the page to jump according to the return value, how to jump?  2.axios.get (    login login.action?username=  +name+  &password=  +pd, {)
timeout: 1000...
								
									
																														React.js
																				axios
																			
									
										Feb.26,2021
									
								
							
														
								Can an array in react state be bound to a dom state using an element in the array?
								
 setting in state: this.state = {checkList: []}; 
 checkList initializes it with an array of the same length as JsonPage: this.setState ({checkList:checkSaveCount});     checkSavaCount is the same length as the following JsonPage. 
 the following creates...
								
									
																														Create-react-app
																				antdesign
																				react.js
																			
									
										Feb.26,2021
									
								
							
														
								React Project Cannot add property style, object is not extensible
								
import React from   react  ;


class PublicScreen extends React.Component {
    constructor(props) {
        super(props);

        this.getStyle = this.getStyle.bind(this);
    }


    getStyle() {
        const { width = 1920, height = 1080 } = this.pr...
								
									
																														React.js
																				es6
																			
									
										Feb.26,2021
									
								
							
														
								How to put the component from const into return?
								
 
renderdphtmldvareturnapiBackend:
apiBackend

 
...
								
									
																														Dva.js
																				react.js
																			
									
										Feb.26,2021
									
								
							
														
								React projects cannot save store? using redux, data
								
 react projects cannot save store? using redux, data 
 index.js 
ReactDOM.render(
  <Provider store={store}>
    <Router  >
  < Provider>, document.getElementById(  root  ))
registerServiceWorker()

 actions 

export const SET_USER =   ...
								
									
																														Javascript
																				react.js
																				redux
																			
									
										Feb.26,2021
									
								
							
														
								In learning react, I encountered the function super.
								
 this method is included in the constructor of most components, so what exactly is this method for 
  constructor(props,context){
      super(props,context)
  }
...
								
									
																														React.js
																				html5
																			
									
										Feb.26,2021
									
								
							
														
								How to cancel the page change or refresh of react Antd Design table checkbox
								 use the Table component of Antd Design, first check out the data, and then select a CheckBox, but when you change pages, that CheckBox will not disappear. For example, when I select the first line on the first page, and then skip to the second page, the ...
								
									
																														Antdesign
																				react.js
																				javascript
																			
									
										Feb.26,2021
									
								
							
														
								There is a problem with the operation of React after packaging.
								
  I can run before packaging without any error reports. This problem occurs after packaging.  reports such an error in the browser, using scaffolding made by create-react-app, and the back end is Node.js, backend. No error is reported:  packages two diff...
								
									
																														Node.js
																				react.js
																				express
																				javascript
																			
									
										Feb.26,2021
									
								
							
														
								My websocket can only accept data on newly opened pages.
								
 segmentfault
dvaws.open().websocketwebsocketws
ws.openfetchGETloginsendfetchCOOKIECOOKIEFETCHCOOKIECOOKIE 
...
								
									
																														Websocket
																				react.js
																			
									
										Feb.26,2021
									
								
							
														
								How to get the name of input by embedding input in ant design table
								  ...
								
									
																														Antdesign
																				antd
																				react.js
																			
									
										Feb.26,2021
									
								
							
														
								How to generate dom recursively from json by react.createElement
								
 now we need to develop a website to generate front-end pages based on the node ID saved in the database. For example, the json data is: 
let data=[
    {"id":1,"pid":0,"type":"div"},
    {"id":2,"pi...
								
									
																														Createelement
																				react.js
																			
									
										Feb.26,2021
									
								
							
														
								React two unrelated components how does component 2 change when component 1 changes a state
								
 I pass values through redux 
 scenario is when I click on the navigation bar of component 1 and refresh the ajax of component 2 
 is the data returned by ajax accepted by this.state.contnet 
 what should I write? There is an urgent need for ideas. 
...
								
									
																														Redux
																				react.js
																			
									
										Feb.26,2021
									
								
							
														
								React Daily questions the use of, antd select components
								
 official example of full copy:  this is the official sample code: 
import { Select } from   antd  ;
const Option = Select.Option;

function handleChange(value) {
  console.log(`selected ${value}`);
}

ReactDOM.render(
  <div>
    <Select defaul...
								
									
																														Antdesign
																				react.js
																			
									
										Feb.26,2021
									
								
							
														
								How does react change the value of input
								
  how to use react to change the value of Input  
< hr >
export default class myForm extends Component{

    constructor(props){
        super(props);
        this.state = {
            id:     ,
        };
    }
    
    change=()=>{
        var idIn...
								
									
																														Javascript
																				react.js
																			
									
										Feb.26,2021
									
								
							
														
								What if you want to make the project adaptive in the react project?
								
 want to set the meta tag to solve the adaptive problem 
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
 

 meta  LOGO  

 
...
								
									
																														Html
																				react.js
																			
									
										Feb.26,2021
									
								
							
														
								The option of select cannot be rendered by callback.
								
 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...
								
									
																														React.js
																				antdesign
																			
									
										Feb.26,2021
									
								
							
														
								Webpack package react, error its MIME type ('text/html') is not executable
								
< H1 >  github address  <   H1 >
 error will be reported when using npm run dev 
const path = require(  path  );
const merge = require(  webpack-merge  );
const common = require(  . webpack.common.js  );
   dev-server
let BundleAnalyzerPlugin = require( ...
								
									
																														React.js
																				webpack
																			
									
										Feb.26,2021
									
								
							
														
								In the React project, a piece of code is optimized.
								import React from   react  ;
import ReactDOM from   react-dom  ;
import   . assets styles index.less  ;

import Green from   . assets images green.png  ;
import Red from   . assets images red.png  ;

class Circle extends React.Component {

    constructor...
								
									
																														Es6
																				react.js
																			
									
										Feb.26,2021
									
								
							
														
								A little doubt about reading the official documents of React
								
There are two areas in the  State and Lifecycle section that I don  t quite understand 
 1.  State Updates are Merged 

 The merging is shallow, so this.setState ({comments}) leaves this.state.posts intact, but completely replaces this.state.comments. 
 ...
								
									
																														React.js
																				javascript
																			
									
										Feb.26,2021
									
								
							
														
								The elements in an array are all arrays. How do you merge all the elements in an array into one array?
								
 like this   [array [xxx], array [xxx], array [xxx].]  
 merge all  xxx  in  array  into one array  [xxx.]  
...
								
									
																														Node.js
																				react.js
																				vue.js
																				javascript
																			
									
										Feb.26,2021


				
					
						
	
						
		css
		mysql
		arrays
		josn
		react
		html
		typescript
		webpack
		npm
		sass
		R
		objective-c
		.net
		sql-server
		jquery
		python-3.x
		angularjs
		django
		angular
		excel
		regex
		iphone
		ajax
		linux
		xml
		pandas
		vba
		spring
		database
		wordpress
		string
		wpf
		xcode
		windows
		bash
		postgresql
		oracle
		multithreading
		eclipse
		list
		firebase
		algorithm
		macos
		forms
		image
		scala
		visual-studio
		azure
		bootstrap
		spring-boot
		react-native
		python-2.7
		docker
		performance
		function
		winforms
		matlab
		powershell
		apache
		dataframe
		api
		sqlite
		numpy
		rest
		shell
		selenium
		flutter
		dart
		maven
		loops
		qt
		swing
		android-studio
		csv
		express
		file
		class
		tensorflow
		sorting
		codeigniter
		perl
	
						MySQL Query :  SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5 
 MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b32aa5-2be3e.MAI); waiting for someone to free some space... (errno: 28 "No space left on device") 
 MySQL Errno : 1021 
 Message :  Disk full (/tmp/#sql-temptable-64f5-1b32aa5-2be3e.MAI); waiting for someone to free some space... (errno: 28 "No space left on device") 
Need Help?