Skip to main content

Setting Axios to put/post dynamically

 Let me avoid wasting more time and quickly jump on the problem statement.


What is the problem statement - 

- I want to use the same React component both for Create/Update.

How I achieved it - 

- Firstly for new object, it worked smoothly and I wanted to reuse the same component again for edit/update too.

- I sent the existing values as props and saved them into the corresponding states.

- I reused the existing method (axios server call) so that it dynamically POST/PUT as needed.This is show below - 

  

    //this method calls post/put dynamically - simple code here..no rocket science

methodCall = () => {

const { Id, editable, details } = this.state;

//check if new or existing record
if (editable) {
return API.put(`/post/${Id}`, details);
} else {
return API.post("/post", details);
}
};

//call this method onClick/onSubmit - as you want to
handleSubmit = (event) => {
event.preventDefault();
//call dynamic
this.methodCall()
.then((response) => {
//handle success
})
.catch(function (error) {
// handle failure
});

}; 

Comments

Post a Comment

Popular posts from this blog

Access files on AWS S3 bucket using aws-sdk-s3 with Rails 6

This is a quick post to share few easy methods to access files on AWS S3. The below custom utility methods uses  aws-sdk-s3 Firstly lets define a constant to access files on S3 -  ##to manage S3 Resources S3 = Aws::S3::Resource.new( region: "YOUR-REGION", access_key_id: "YOUR-AWS-KEY", secret_access_key: "YOUR-AWS-SECRET") ##to query S3 S3_client = Aws::S3::Client.new( access_key_id: configatron.aws.s3.credentials.access_key_id, secret_access_key: configatron.aws.s3.credentials.secret_access_key, region: configatron.aws.s3.region ) Now, lets use the S3 OBJECT to access files in different ways -  1. Get all files in a S3 FOLDER     ##this gives a array of file paths present in the folder specified by prefix attribute          s3objects = S3.bucket("my-output-bucket").objects({prefix: "/inputs/any-random-user-folder"}).collect(&:key) ##you can also delete the file if found ...
Post a Comment
Read more

Using Geocoder to get street name,state,city,country etc in Your Rails app

Recently i implemented Google map for one of the module where User will enter his location/address and other relevant geo-details should get autopopulated.Well,This was posible because of   Geocoder  and by using it you can get every small details such as postalcode,country code,zipcode,street name,state name,state code,latitude,longitude(and more) ready in your hands easily.Its really awesome. I have used to it get all relevant information about the location that the user enter using Geocomplete ,another awesome autocomplete library to get locations. Suppose you have a users table and also few columns such as longitude,latitude,state,postal code,street name,address,country  and want to autopopulate other fields just by using address entered by the user then you are reading the right blog,So its easy,let me show you how. User will enter address using Geocomplete and store that address in address column in users/locations table Then,use Geocoder to fetch other geo...
Post a Comment
Read more