数値と接尾辞が分離：HTMLで一体化できない問題

前提

{record.time}のところにinputに入力した数値が入る形になっています。

数値と接尾辞が分離している箇所

.jsx

<span data-testid="time">{record.time}時間</span>

HTMLの構造

数値と接尾辞がHTMLの構造で一体化するように修正

.jsx

<span data-testid="time">{`${record.time}時間`}</span>

HTMLの構造

行ったこと

文字列とオブジェクトをテンプレートリテラルで結合させました。

まとめ

問題にあたったときには基礎的な構文や文法間違い等がないかなどを
まず確認するようにしていきたいと感じました。