I am amending some react form came across this the following code
<a
href={"#"}
className="switch-button"
switch-target="#login-forgot"
switch-parent="#login-form"
title="Recover password">
Forgot your password?
</a>
Packaje.json file code
{
"name": "idubai-react",
"version": "0.1.0",
"private": true,
"dependencies": {
"@material-ui/core": "^4.5.1",
"jquery": "^3.4.1",
"react": "^16.10.2",
"react-datepicker": "^2.9.6",
"react-dom": "^16.10.2",
"react-js-pagination": "^3.0.2",
"react-loader-spinner": "^3.1.4",
"react-router-dom": "^5.1.2",
"react-scripts": "3.2.0",
"react-toasts": "^3.0.5",
"universal-cookie": "^4.0.2"
},
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject"
},
"eslintConfig": {
"extends": "react-app"
},
"browserslist": {
"production": [
">0.2%",
"not dead",
"not op_mini all"
],
"development": [
"last 1 chrome version",
"last 1 firefox version",
"last 1 safari version"
]
}
}
I Googled it but could not find any definition of switch-target
and switch-parent
. What they are doing is actually switching between two forms. However, I have not used those tags and do not understand their usage, why and how should I use it.
Please help me understand.
Regards.