react replaceのエラー

Question

	  
    return (
		<div>
			<span>
				{(() => {
					return num.replace(/[^0-9]/g, '');
				})()}
			</span>
		</div>
    )

このように、numに入っている値に数字以外が入ってたら削除して出力したいのですが、

TypeError: num.replace is not a function

となってしまいます。
（numにはちゃんと値が入っています。）

replaceはreactで使う場合何か工夫が必要なのでしょうか？

Answer 1

numにはちゃんと値が入っています。

もしかして、numに数値など、文字列以外が来ていませんか？

.replaceがあるのはStringなので、数値が来た場合には処理できません。

String(num).replace(略)など、文字列に変換してから処理させてみましょう。

Comments

[cheche0830]

ビンゴでした泣・・・
ありがとうございます！