dancingCycle
/
sandbox-react
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(toggle-btn): add missing prop-types

This commit is contained in:
dancingCycle 2022-06-08 10:23:12 +02:00
parent 91db4c3e8b
commit e27bae66a8
2 changed files with 8 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
toggle-btn/src/components/toggle-button.jsx
View File

@ -2,21 +2,24 @@ import React from 'react';
import PropTypes from 'prop-types'; import PropTypes from 'prop-types';
const ToggleBtn = (props) => { const ToggleBtn = (props) => {
//destructuring //destructuring
const {btnState,btnTrue,btnFalse,descTrue,descFalse,btnOnClick} = props; const { btnState, btnTrue, btnFalse, descTrue, descFalse, btnOnClick } =
props;
//render //render
return ( return (
<> <>
<button onClick={btnOnClick}> <button onClick={btnOnClick}>
{btnState===false?btnFalse:btnTrue} {btnState === false ? btnFalse : btnTrue}
</button> </button>
{btnState===false?descFalse:descTrue} {btnState === false ? descFalse : descTrue}
</> </>
); );
}; };
export default ToggleBtn; export default ToggleBtn;
ToggleBtn.propTypes = { ToggleBtn.propTypes = {
btnState: PropTypes.bool,
btnTrue: PropTypes.string, btnTrue: PropTypes.string,
btnFalse: PropTypes.string, btnFalse: PropTypes.string,
descTrue: PropTypes.string, descTrue: PropTypes.string,
descFalse: PropTypes.string, descFalse: PropTypes.string,
btnOnClick: PropTypes.func
}; };

1
toggle-btn/src/pages/home.jsx
View File

@ -5,7 +5,6 @@ import ToggleButton from '../components/toggle-button';
const Home = () => { const Home = () => {
//handle state //handle state
const [btnState,setBtnState]=useState(false); const [btnState,setBtnState]=useState(false);
//toggle
const toggle=()=>{ const toggle=()=>{
setBtnState((btnState)=>!btnState); setBtnState((btnState)=>!btnState);
}; };