Inertia

Instructions

Inertia + React

• Use router.visit() or <Link> for navigation instead of traditional links.

import { Link } from '@inertiajs/react'

Home

Inertia + React Forms

import { Form } from '@inertiajs/react'

export default () => (

{({ errors, hasErrors, processing, wasSuccessful, recentlySuccessful, clearErrors, resetAndClearErrors, defaults }) => ( <>

    {errors.name && <div>{errors.name}</div>}

    <button type="submit" disabled={processing}>
        {processing ? 'Creating...' : 'Create User'}
    </button>

    {wasSuccessful && <div>User created successfully!</div>}
    </>
)}
</Form>

)