HTML から JSX
HTML スニペットを camelCase 属性の React JSX に変換します。
HTML から JSX は、一般的な HTML スニペットを React JSX に変換します。class と for をリネームし、ハイフン付き属性を camelCase に変換し、data と aria 属性を保持し、style 文字列を JSX スタイルオブジェクトに変換します。
何か入力してください。
使い方
- HTML スニペットを入力欄に貼り付けます。
- 生成された JSX を確認します。
- React コンポーネントにコピーします。
よくある質問
自己終了タグに対応していますか？
はい。img、input、br などの空要素は自己終了 JSX タグに変換されます。
style 属性はどうなりますか？
シンプルなスタイル宣言は camelCase キーの JSX スタイルオブジェクトに変換されます。