3 years ago

Category: PHP

Get stuck of how to connect react jS with PHP ? Step 1:setting the default state for login page with username and password as blank, we will handle these inputs later using onChange event used react-bootstrap instead of bootstrap as it contains component like structure to reduce the effort in styling For eg.,when we use dropdowns we need jquery popper library,its easy to call these library in php using tag but it becomes bit complex while using in react used onChange event to handle the inputsStep2: Here’s the main part where we will interface the login panel with REST API.We have used preventDefault to prevent it from reloading ,then collect the data that we have passed in input field ,then used axios.post(),given localhost url of insert.php and passed the post data and headers as parameter. In the above code .then() and .catch() will act as try-catch block which is use to handle error . In above console we can see that after hitting submit button we have requested url that we have passed in axios.post() Step 3: In above api we use php://input is use to read raw data from request and returns all raw data file_get_contents() is use to read file into string .