Warning: session_start(): open(/var/lib/php/fpm/session/sess_re7he8b3a8tb10uk4gtvd56utu, O_RDWR) failed: No such file or directory (2) in /var/www/tst02/wp-content/plugins/wordpress-social-login/wp-social-login.php on line 64

Warning: session_start(): Failed to read session data: files (path: /var/lib/php/fpm/session) in /var/www/tst02/wp-content/plugins/wordpress-social-login/wp-social-login.php on line 64

Notice: Undefined index: HTTP_REFERER in /var/www/tst02/wp-content/themes/mdbootstrap4/inc/cookie-setter.php on line 8
React router with mdb steppers - Material Design for Bootstrap

React router with mdb steppers


Topic: React router with mdb steppers

Paul TP asked 2 months ago

Is it possible to attach react router with mdb steppers? so that when the user clicks next button it also changes the react router url. for example from "mainForm" to "mainForm/contact


Piotr Glejzer staff commented 2 months ago

You can try to replace anchors to the MDBLink component. Are you a pro user?


Paul TP commented 2 months ago

Yes, my company has a pro version that we are using


Piotr Glejzer staff commented 2 months ago

so did you try use mdblink with routing?


Paul TP commented 2 months ago

@Piotr Glejzer Yes I did try like and I when I click the stepper icon it does change the url but does not display the view. I would like to share the code with you but I do not know how, I have tried pasting my code here but do not see it after pushing the comment.


Paul TP commented 2 months ago

@Piotr Glejzer using MDBLink with onClick this method swapFormActive(1)(2) seems to be working but when I refresh the pages it takes me to step 1 even though the url says "/mainForm/contact/". I think this is caused by the initial state that is set to 1. is there a way where I can fix this behavior?


Piotr Glejzer staff commented 2 months ago

which example do you use? Did you try to change this state somehow?


Paul TP commented 2 months ago

@Piotr Glejzer I used Steps within form example. I set the initial state like this: formActivePanel1: 1,


Please insert min. 20 characters.
Status

Open

Specification of the issue
  • User: Free
  • Premium support: No
  • Technology: React
  • MDB Version: 4.27.0
  • Device: Laptop
  • Browser: chrome
  • OS: Linux Fedora
  • Provided sample code: No
  • Provided link: No
Tags