HTML ನಿಂದ JSX ಪರಿವರ್ತಕ

ಕಾಂಪೊನೆಂಟ್‌ನಲ್ಲಿ ಸುತ್ತಿಕೊಳ್ಳಿ

ಕಾಂಪೊನೆಂಟ್ ಹೆಸರು

HTML

JSX

HTML ನಿಂದ JSX ಪರಿವರ್ತನೆ ಎಂದರೇನು?

JSX ಎಂಬುದು React ಕಾಂಪೊನೆಂಟ್‌ಗಳಲ್ಲಿ ಬಳಸಲಾಗುವ HTML-ಸದೃಶ ಸಿಂಟ್ಯಾಕ್ಸ್ ಆಗಿದೆ. ಅದು HTML ನಂತೆ ಕಾಣಿಸಿದರೂ, ಪ್ರಮುಖ ವ್ಯತ್ಯಾಸಗಳಿವೆ: class ಆಗಿ className ಆಗುತ್ತದೆ, for ಆಗಿ htmlFor ಆಗುತ್ತದೆ, ಇನ್‌ಲೈನ್ ಸ್ಟೈಲ್‌ಗಳು ಸ್ಟ್ರಿಂಗ್‌ಗಳ ಬದಲಿಗೆ JavaScript ಆಬ್ಜೆಕ್ಟ್‌ಗಳನ್ನು ಬಳಸುತ್ತವೆ, ಎಲ್ಲಾ ಟ್ಯಾಗ್‌ಗಳು ಸ್ವಯಂ-ಮುಚ್ಚಲ್ಪಡಬೇಕು, ಮತ್ತು ಈವೆಂಟ್ ಹ್ಯಾಂಡ್ಲರ್‌ಗಳು camelCase ಬಳಸುತ್ತವೆ. ಈ ಟೂಲ್ ಎಲ್ಲಾ ಆ ಪರಿವರ್ತನೆಗಳನ್ನು ಸ್ವಯಂಚಾಲಿತವಾಗಿ ನಿರ್ವಹಿಸುತ್ತದೆ ಆದ್ದರಿಂದ ನೀವು HTML ಅನ್ನು ನೇರವಾಗಿ ಅಂಟಿಸಬಹುದು ಮತ್ತು ನಿಮ್ಮ React ಕಾಂಪೊನೆಂಟ್‌ಗಳಲ್ಲಿ ಬಳಸಲು ಸಿದ್ಧವಾದ ಮಾನ್ಯ JSX ಪಡೆಯಬಹುದು.

HTML ನಿಂದ JSX ಪರಿವರ್ತಕವನ್ನು ಹೇಗೆ ಬಳಸುವುದು

ಎಡ ಪ್ಯಾನೆಲ್‌ಗೆ HTML ಮಾರ್ಕ್‌ಅಪ್ ಅಂಟಿಸಿ (ಅಥವಾ ಸ್ಯಾಂಪಲ್ ಲೋಡ್ ಮಾಡಲು 'ಉದಾಹರಣೆ' ಕ್ಲಿಕ್ ಮಾಡಿ).
JSX ಔಟ್‌ಪುಟ್ ಬಲಭಾಗದಲ್ಲಿ ತಕ್ಷಣ ಕಾಣಿಸಿಕೊಳ್ಳುತ್ತದೆ.
ಅಂಟಿಸಲು ಸಿದ್ಧವಾದ ಸಂಪೂರ್ಣ ಕ್ರಿಯಾತ್ಮಕ ಕಾಂಪೊನೆಂಟ್ ಪಡೆಯಲು ಐಚ್ಛಿಕವಾಗಿ 'ಕಾಂಪೊನೆಂಟ್‌ನಲ್ಲಿ ಸುತ್ತಿಕೊಳ್ಳಿ' ಸಕ್ರಿಯಗೊಳಿಸಿ.
'JSX ನಕಲಿಸಿ' ಬಟನ್ ಬಳಸಿ JSX ನಕಲಿಸಿ.

ಪದೇ ಪದೇ ಕೇಳಲಾಗುವ ಪ್ರಶ್ನೆಗಳು

ಇಲ್ಲಿ ಸೂಕ್ಷ್ಮ ಡೇಟಾವನ್ನು ಡಿಕೋಡ್ ಮಾಡುವುದು ಸುರಕ್ಷಿತವೇ? ಹೌದು. ಎಲ್ಲಾ ಡಿಕೋಡಿಂಗ್ ನಿಮ್ಮ ಬ್ರೌಜರ್‌ನಲ್ಲಿ JavaScript ಬಳಸಿ ನಡೆಯುತ್ತದೆ. ಯಾವುದೇ ಡೇಟಾ ಸರ್ವರಿಗೆ ರವಾನೆ ಆಗುವುದಿಲ್ಲ, ಆದ್ದರಿಂದ ನಿಮ್ಮ ಎನ್‌ಕೋಡ್ ಮಾಡಿದ ಸ್ಟ್ರಿಂಗ್‌ಗಳು ಸಂಪೂರ್ಣವಾಗಿ ಖಾಸಗಿ ಉಳಿಯುತ್ತವೆ.

Base64 ಮತ್ತು URL-safe Base64 ನಡುವಿನ ವ್ಯತ್ಯಾಸವೇನು? ಪ್ರಮಾಣಿತ Base64 + ಮತ್ತು / ಅಕ್ಷರಗಳನ್ನು ಬಳಸುತ್ತದೆ, ಇವು URL ಗಳಲ್ಲಿ ವಿಶೇಷ ಅಕ್ಷರಗಳು. URL-safe Base64 ಅವುಗಳನ್ನು - ಮತ್ತು _ ಬದಲಿಸುತ್ತದೆ, ಇದರಿಂದ ಸ್ಟ್ರಿಂಗ್ ಪ್ರತಿಶತ-ಇನ್‌ಕೋಡಿಂಗ್ ಇಲ್ಲದೆ URL ಮತ್ತು ಫೈಲ್‌ನೆಮ್‌ಗಳಲ್ಲಿ ಸುರಕ್ಷಿತವಾಗಿ ಬಳಸಬಹುದು.

ನನ್ನ ಡಿಕೋಡ್ ಮಾಡಿದ ಔಟ್‌ಪುಟ್ ಏಕೆ ವಿಸ್ಮಯಸ್ಥಾನಕದಂತೆ ತೋರುತ್ತಿದೆ? ಮೂಲ ಡೇಟಾ ಬೈನರಿ ಆಗಿದ್ದರೆ (ಚಿತ್ರ, PDF, ಅಥವಾ ಸಂಕುಚಿತ ಫೈಲ್ ಮುಂತಾದ), ಡಿಕೋಡ್ ಮಾಡಿದ ಔಟ್‌ಪುಟ್ ಓದಬಹುದಾದ ಪಠ್ಯ ಆಗುವುದಿಲ್ಲ. ಅಂತಹ ಸಂದರ್ಭದಲ್ಲಿ, Base64 ಸ್ಟ್ರಿಂಗ್ ಬೈನರಿ ಫೈಲ್ ಪ್ರತಿನಿಧಿಸುತ್ತದೆ, ಪಠ್ಯ ಸ್ಟ್ರಿಂಗ್ ಅಲ್ಲ.

Base64 ಎನ್ನುವುದು ಎನ್‌ಕ್ರಿಪ್ಶನ್‌ನ ಒಂದು ರೂಪವೇ? ಇಲ್ಲ. Base64 ಎನ್ನುವುದು ಎನ್‌ಕೋಡಿಂಗ್ ಯೋಜನೆ, ಎನ್‌ಕ್ರಿಪ್ಶನ್ ಅಲ್ಲ. ಯಾರಾದರೂ ಕೀ ಇಲ್ಲದೆ Base64 ಸ್ಟ್ರಿಂಗ್ ಡಿಕೋಡ್ ಮಾಡಬಹುದು. ಇದನ್ನು ಎಂದಿಗೂ ಸೂಕ್ಷ್ಮ ಡೇಟಾವನ್ನು ರಕ್ಷಿಸಲು ಬಳಸಬಾರದು — ಆ ಉದ್ದೇಶಕ್ಕೆ ಸರಿಯಾದ ಎನ್‌ಕ್ರಿಪ್ಶನ್ ಬಳಸಿ.

Keywords: HTML ನಿಂದ JSX, HTML JSX ಪರಿವರ್ತಕ, HTML ಅನ್ನು React ಗೆ ಪರಿವರ್ತಿಸಿ, className ಪರಿವರ್ತಕ, JSX ಆನ್‌ಲೈನ್, React JSX ಪರಿವರ್ತಕ