Inertia / React & Delete Record

To address the issue you're facing with deleting a record using Inertia.js and React in a Laravel application, let's go through the steps to ensure everything is set up correctly.

Step 1: Ensure Route is Correct

First, make sure your route is defined correctly in your web.php file. It should look something like this:

Route::delete('/route/{id}', [YourController::class, 'destroy'])->name('route.destroy');

Step 2: Controller Method

In your controller, ensure the destroy method is correctly set up to receive the ID and delete the record:

public function destroy($id)
{
    $model = YourModel::findOrFail($id);
    $model->delete();

    return redirect()->route('route.index')->with('success', 'Record deleted successfully.');
}

Step 3: React Component

In your React component, you should use the Inertia object to make the delete request. Ensure you import Inertia from @inertiajs/inertia and use it like this:

import React from 'react';
import { Inertia } from '@inertiajs/inertia';

const YourComponent = ({ id }) => {
  const handleDelete = () => {
    if (confirm('Are you sure you want to delete this record?')) {
      Inertia.delete(`/route/${id}`, {
        onSuccess: () => {
          console.log('Record deleted successfully');
        },
        onError: (errors) => {
          console.error(errors);
        },
      });
    }
  };

  return (
    <button onClick={handleDelete}>
      Delete
    </button>
  );
};

export default YourComponent;

Step 4: Check CSRF Token

Ensure that your application is correctly handling CSRF tokens. Laravel automatically includes a CSRF token in the meta tags of your HTML, and Inertia should handle this for you. However, if you encounter issues, double-check that your setup is correct.

Step 5: Debugging

If the model is still empty, consider adding some debugging statements in your controller to log the incoming request and ID:

public function destroy($id)
{
    \Log::info('Deleting record with ID: ' . $id);

    $model = YourModel::findOrFail($id);
    $model->delete();

    return redirect()->route('route.index')->with('success', 'Record deleted successfully.');
}

This will help you verify that the ID is being passed correctly to the controller.

By following these steps, you should be able to successfully delete a record using Inertia.js and React in your Laravel application. If you continue to experience issues, double-check each part of the setup for any discrepancies.