[解決済み] JSXでboolean値をレンダリングできない?
2023-05-24 08:26:17
質問
JSX内でboolean値をレンダリングしようとしていますが、Reactはそれを式として評価し、コンポーネントが返された後に何も返しません。
このための任意の回避策?
以下はその例です。
var ipsumText = true;
ReactDOM.render(
<div>
Boolean Value: {ipsumText}
</div>,
document.getElementById('impl')
);
としてコンパイルされたHTMLを表示するだけです。
<div data-reactid=".0"><span data-reactid=".0.0">Boolean Value: </span></div>
EDITです。 例のJSBinのリンクはこちらです。 http://jsbin.com/nibihodoce/1/edit?html,js,output
EDIT 2: 私はすでに.toString()の代替案を検討しましたが、私はオブジェクトの配列を反復しており、そのオブジェクトの特定のフィールドは文字列/整数/ブーリアン種類の値を持つことができるので、.toString()をすべて適用することは最適ではないようです。.toString()をすべての'emに適用することは最適ではないようです。
どのように解決するのですか?
Boolean Value: { ipsumText.toString() }
または
Boolean Value: { String(ipsumText) }
または
Boolean Value: { '' + ipsumText }
または
{`Boolean Value: ${ipsumText}`}
または
Boolean Value: { JSON.stringify(ipsumText) }
私は2番目の選択肢を好みます。普遍的で、速く、すべてのプリミティブタイプで動作します。
Boolean( smth )
,
Number( smth )
.
関連
-
[解決済み] JavaScript で配列に値が含まれているかどうかを確認するにはどうすればよいですか?
-
[解決済み] JavaScriptで文字列をbooleanに変換するにはどうしたらいいですか?
-
[解決済み] JavaScriptでドロップダウンリストの選択値を取得する
-
[解決済み] 配列を値でコピーする
-
[解決済み] JavaScriptで値がオブジェクトであるかどうかを確認する
-
[解決済み] JavaScriptのオブジェクトにキーと値のペアを追加するにはどうすればよいですか?
-
[解決済み] React JSX内のループ
-
[解決済み】オブジェクトの配列を文字列のプロパティ値でソートする
-
[解決済み】JavaScriptの関数にデフォルトのパラメータ値を設定する
-
[解決済み] <ng-content>が空かどうかを確認する方法は?(これまでのAngular 2+で)
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] モバイルWeb HTML5フレームワークの選び方【終了しました
-
[解決済み] なぜ "use strict "はパフォーマンスを10倍向上させるのか?
-
[解決済み] bootstrap のポップオーバーがすべての要素の上に表示されない
-
[解決済み] Chart.jsを使ってドーナツチャートの中にテキストを追加するには?
-
[解決済み] サブドメインにまたがってlocalStorageを使用する
-
[解決済み] Javascriptで動的に命名されたメソッドを呼び出すにはどうすればよいですか?
-
[解決済み] Reactメモを使うべきではない場合とは?
-
[解決済み] JavaScriptとLuaの微妙な違い [終了しました]
-
[解決済み] querySelectorAllがない場合、ライブラリを使用せずに属性で要素を取得する?
-
[解決済み] これは純関数ですか?