diff --git a/learn/src/components/PracticeTouch.tsx b/learn/src/components/PracticeTouch.tsx index 307e8e62..9f9e8f0e 100644 --- a/learn/src/components/PracticeTouch.tsx +++ b/learn/src/components/PracticeTouch.tsx @@ -26,45 +26,43 @@ export default function PracticeTouch({ const answerMessage = rightOrWrong ? "正解" : "不正解"; return ( - <> -
- {question} -
-
- {brailleStrings.map((brailleChar, i) => ( - { - setBrailleStrings( - new BrailleArray( - brailleStrings.map((_, j) => (j === i ? braille : _)), - ), - ); - }} - /> - ))} -
- - {/*
*/} - - {visible === true && answerMessage} +
+ {question} +
+
+ {brailleStrings.map((brailleChar, i) => ( + { + setBrailleStrings( + new BrailleArray( + brailleStrings.map((_, j) => (j === i ? braille : _)), + ), + ); + }} + /> + ))}
- + + {/*
*/} + + {visible === true && answerMessage} +
); }