修复按钮跳转问题

src/pages/FertilizeByGround/Acid/AddAlkaline/index.js

@@ -44,16 +44,16 @@ export default function AddAlkaline () {
   return (
     <GroundBg>
       <ButtonContainer w={633} h={796} top={102} bg={ContainerBg}>
-        <Button src={LABg} activeSrc={LAActiveBg} onClick={() => setLAShow(true)}>
+        <Button src={LABg} activeSrc={LAActiveBg} onClick={e => { e.preventDefault(); setLAShow(true)}}>
           <StyledCheckImg src={WrongBg} alt="wong" show={LAShow}/>
         </Button>
-        <Button src={GLSGBg} activeSrc={GLSGActiveBg} onClick={() => setGLSGShow(true)}>
+        <Button src={GLSGBg} activeSrc={GLSGActiveBg} onClick={e => { e.preventDefault(); setGLSGShow(true)}}>
           <StyledCheckImg src={WrongBg} alt="wong" show={GLSGShow}/>
         </Button>
-        <Button src={GMLBg} activeSrc={GMLActiveBg} onClick={() => setGMShow(true)}>
+        <Button src={GMLBg} activeSrc={GMLActiveBg} onClick={e => { e.preventDefault(); setGMShow(true)}}>
           <StyledCheckImg src={CorrectBg} alt="correct" show={GMShow}/>
         </Button>
-        <Button src={CMHBg} activeSrc={CMHActiveBg} onClick={() => setCMHShow(true)}>
+        <Button src={CMHBg} activeSrc={CMHActiveBg} onClick={e => { e.preventDefault(); setCMHShow(true)}}>
           <StyledCheckImg src={CorrectBg} alt="correct" show={CMHShow}/>
         </Button>
       </ButtonContainer>

src/pages/FertilizeByGround/Alkaline/AddAcid/index.js

@@ -34,7 +34,6 @@ const StyledCheckImg = styled.img`
 function Button(props) {
   return <ButtonDiy w={589} h={107} top={40} firstTop={200} {...props} />
 }
-
 export default function AddAcid () {
   const [LAShow, setLAShow] = useState(false);
   const [GLSGShow, setGLSGShow] = useState(false);
@@ -44,16 +43,16 @@ export default function AddAcid () {
   return (
     <GroundBg>
       <ButtonContainer w={633} h={796} top={102} bg={ContainerBg}>
-        <Button src={LABg} activeSrc={LAActiveBg} onClick={() => setLAShow(true)}>
+        <Button src={LABg} activeSrc={LAActiveBg} onClick={(e) => { e.preventDefault(); setLAShow(true)}}>
           <StyledCheckImg src={CorrectBg} alt="correct" show={LAShow}/>
         </Button>
-        <Button src={GLSGBg} activeSrc={GLSGActiveBg} onClick={() => setGLSGShow(true)}>
+        <Button src={GLSGBg} activeSrc={GLSGActiveBg} onClick={(e) => { e.preventDefault(); setGLSGShow(true)}}>
           <StyledCheckImg src={CorrectBg} alt="correct" show={GLSGShow}/>
         </Button>
-        <Button src={GMLBg} activeSrc={GMLActiveBg} onClick={() => setGMShow(true)}>
+        <Button src={GMLBg} activeSrc={GMLActiveBg} onClick={(e) => { e.preventDefault(); setGMShow(true)}}>
           <StyledCheckImg src={WrongBg} alt="wong" show={GMShow}/>
         </Button>
-        <Button src={CMHBg} activeSrc={CMHActiveBg} onClick={() => setCMHShow(true)}>
+        <Button src={CMHBg} activeSrc={CMHActiveBg} onClick={(e) => { e.preventDefault(); setCMHShow(true)}}>
           <StyledCheckImg src={WrongBg} alt="wong" show={CMHShow}/>
         </Button>
       </ButtonContainer>