laravel/react - Inertia.get reloading page

[ylandsman]

Please bear with me as I am new to both react and InertiaJs

I have a button that is calling an onclick function. The onclick calls the following function

const editProduct=(e) => {

    Inertia.get(route('admin.edit', e.currentTarget.value))

}

When I click the button, the page refreshes, and I get a new page that has just this component. What I want is for the instance of this component that is already loaded on my page to be the recipient of this request. What am I missing?

I should note, that the component I want to load the data into is a material-ui modal dialog, that I want to have overlaying the page it is opened frm

Thanks in advance.

[ajnsn]

@ylandsman Take a look at the preserveState option, documentation over here.

[ylandsman]

My call now looks like this:-

const editProduct=(e) => {
      console.log("edit product")
      Inertia.get(route('admin.edit', e.currentTarget.value), {}, {preserveState: true} )
  }

Before pressing the button, my component tree looks like this:-

afterwards

[ajnsn]

@ylandsman Ah sorry, my bad. I should have read correctly. You want to load a modal on an existing page. Thats quite challenging with Inertia but there's an open PR which might make this feature available some day.

You might want to use a direct XHR request or try some of the workarounds, e.g. here.

[ylandsman]

Strangely enough, for creating a record I have no problem.  When I do the post, I close the modal, and the new record shows up on the next render cycle.  Where I am struggling is on the retrieval of the record before editing.  Maybe a direct xhr request is the answer, although that sounds like it would make my app kind of hybrid.  Thanks for your help. Yehuda Landsman

…

On Jul 16, 2021, 3:55 PM +0300, inertiajs/inertia ***@***.***>, wrote: here