ฮ•ฯ€ฮนฮปฯฮธฮทฮบฮต: ฮฑฮฝฯ„ฮนฮดฯฮฌ ฮดฯฮฟฮผฮฟฮปฮฟฮณฮทฯ„ฮฎฯ‚ ฯ‡ฯฮทฯƒฮนฮผฮฟฯ€ฮฟฮนฯŽฮฝฯ„ฮฑฯ‚ ฯƒฯ„ฯ…ฮป ฮฑฯ€ฯŒ ฯ„ฮฟฮฝ ฮดฮทฮผฯŒฯƒฮนฮฟ ฯ†ฮฌฮบฮตฮปฮฟ

ฮคฮฟ ฮบฯฯฮนฮฟ ฯ€ฯฯŒฮฒฮปฮทฮผฮฑ ฯ€ฮฟฯ… ฯƒฯ‡ฮตฯ„ฮฏฮถฮตฯ„ฮฑฮน ฮผฮต ฯ„ฮฟ React Router ฯ€ฮฟฯ… ฯ‡ฯฮทฯƒฮนฮผฮฟฯ€ฮฟฮนฮตฮฏ ฯƒฯ„ฯ…ฮป ฮฑฯ€ฯŒ ฯ„ฮฟฮฝ ฮดฮทฮผฯŒฯƒฮนฮฟ ฯ†ฮฌฮบฮตฮปฮฟ ฮตฮฏฮฝฮฑฮน ฯŒฯ„ฮน ฮผฯ€ฮฟฯฮตฮฏ ฮฝฮฑ ฮตฮฏฮฝฮฑฮน ฮดฯฯƒฮบฮฟฮปฮฟ ฮฝฮฑ ฯ€ฮฑฯฮฑฮบฮฟฮปฮฟฯ…ฮธฮตฮฏฯ„ฮต ฯ„ฮฑ ฯƒฯ„ฯ…ฮป ฮบฮฑฮน ฮฝฮฑ ฮฒฮตฮฒฮฑฮนฯ‰ฮธฮตฮฏฯ„ฮต ฯŒฯ„ฮน ฮตฯ†ฮฑฯฮผฯŒฮถฮฟฮฝฯ„ฮฑฮน ฯƒฯ‰ฯƒฯ„ฮฌ. ฮ”ฮตฮดฮฟฮผฮญฮฝฮฟฯ… ฯŒฯ„ฮน ฮฟ ฮดฮทฮผฯŒฯƒฮนฮฟฯ‚ ฯ†ฮฌฮบฮตฮปฮฟฯ‚ ฮดฮตฮฝ ฮฑฯ€ฮฟฯ„ฮตฮปฮตฮฏ ฮผฮญฯฮฟฯ‚ ฯ„ฮฟฯ… ฮดฮญฮฝฯ„ฯฮฟฯ… ฯƒฯ„ฮฟฮนฯ‡ฮตฮฏฯ‰ฮฝ React, ฮผฯ€ฮฟฯฮตฮฏ ฮฝฮฑ ฮตฮฏฮฝฮฑฮน ฮดฯฯƒฮบฮฟฮปฮฟ ฮฝฮฑ ฮณฮฝฯ‰ฯฮฏฮถฮฟฯ…ฮผฮต ฯ€ฮฟฮนฮฑ ฯƒฯ„ฯ…ฮป ฮตฯ†ฮฑฯฮผฯŒฮถฮฟฮฝฯ„ฮฑฮน ฮบฮฑฮน ฯ€ฯŒฯ„ฮต. ฮ•ฯ€ฮนฯ€ฮปฮญฮฟฮฝ, ฮตฮฌฮฝ ฯ€ฮฟฮปฮปฮฌ ฯƒฯ„ฮฟฮนฯ‡ฮตฮฏฮฑ ฯ‡ฯฮทฯƒฮนฮผฮฟฯ€ฮฟฮนฮฟฯฮฝ ฯ„ฮฟ ฮฏฮดฮนฮฟ ฯƒฯ„ฯ…ฮป ฮฑฯ€ฯŒ ฯ„ฮฟฮฝ ฮดฮทฮผฯŒฯƒฮนฮฟ ฯ†ฮฌฮบฮตฮปฮฟ, ฮผฯ€ฮฟฯฮตฮฏ ฮฝฮฑ ฮตฮฏฮฝฮฑฮน ฮดฯฯƒฮบฮฟฮปฮฟ ฮฝฮฑ ฮดฮนฮฟฯฮธฯŽฯƒฮตฯ„ฮต ฯ„ฯ…ฯ‡ฯŒฮฝ ฯ€ฯฮฟฮฒฮปฮฎฮผฮฑฯ„ฮฑ ฯ€ฮฟฯ… ฯ€ฯฮฟฮบฯฯ€ฯ„ฮฟฯ…ฮฝ.

ฮ ฮตฯฮนฯƒฯƒฯŒฯ„ฮตฯฮฑ

ฮ•ฯ€ฮนฮปฯฮธฮทฮบฮต: ฮฑฮฝฯ„ฮนฮดฯฮฌ ฮดฯฮฟฮผฮฟฮปฮฟฮณฮทฯ„ฮฎฯ‚ ฯ‡ฯฮทฯƒฮนฮผฮฟฯ€ฮฟฮนฯŽฮฝฯ„ฮฑฯ‚ ฯƒฯ„ฮฑฯ„ฮนฮบฮฌ ฯƒฯ„ฯ…ฮป

ฮคฮฟ ฮบฯฯฮนฮฟ ฯ€ฯฯŒฮฒฮปฮทฮผฮฑ ฯ€ฮฟฯ… ฯƒฯ‡ฮตฯ„ฮฏฮถฮตฯ„ฮฑฮน ฮผฮต ฯ„ฮท ฯ‡ฯฮฎฯƒฮท ฯƒฯ„ฮฑฯ„ฮนฮบฯŽฮฝ ฯƒฯ„ฯ…ฮป ฮผฮต ฯ„ฮฟ React Router ฮตฮฏฮฝฮฑฮน ฯŒฯ„ฮน ฮผฯ€ฮฟฯฮตฮฏ ฮฝฮฑ ฮตฮฏฮฝฮฑฮน ฮดฯฯƒฮบฮฟฮปฮฟ ฮฝฮฑ ฯ€ฮฑฯฮฑฮบฮฟฮปฮฟฯ…ฮธฮตฮฏฯ„ฮต ฯ„ฮนฯ‚ ฮดฮนฮฑฯ†ฮฟฯฮตฯ„ฮนฮบฮญฯ‚ ฮดฮนฮฑฮดฯฮฟฮผฮญฯ‚ ฮบฮฑฮน ฯ„ฮฑ ฯƒฯ‡ฮตฯ„ฮนฮบฮฌ ฯƒฯ„ฯ…ฮป. ฮœฮต ฯƒฯ„ฮฑฯ„ฮนฮบฮฌ ฯƒฯ„ฯ…ฮป, ฮบฮฌฮธฮต ฮดฮนฮฑฮดฯฮฟฮผฮฎ ฯ€ฯฮญฯ€ฮตฮน ฮฝฮฑ ฮญฯ‡ฮตฮน ฯ„ฮฟ ฮดฮนฮบฯŒ ฯ„ฮทฯ‚ ฯƒฯฮฝฮฟฮปฮฟ ฮบฮฑฮฝฯŒฮฝฯ‰ฮฝ CSS, ฯ„ฮฟ ฮฟฯ€ฮฟฮฏฮฟ ฮผฯ€ฮฟฯฮตฮฏ ฮณฯฮฎฮณฮฟฯฮฑ ฮฝฮฑ ฮณฮฏฮฝฮตฮน ฮดฯ…ฯƒฮบฮฏฮฝฮทฯ„ฮฟ ฮบฮฑฮน ฮดฯฯƒฮบฮฟฮปฮฟ ฮฝฮฑ ฮดฮนฮฑฯ„ฮทฯฮทฮธฮตฮฏ. ฮ•ฯ€ฮนฯ€ฮปฮญฮฟฮฝ, ฮตฮฌฮฝ ฮญฮฝฮฑ ฯƒฯ„ฯ…ฮป ฯ‡ฯฮทฯƒฮนฮผฮฟฯ€ฮฟฮนฮตฮฏฯ„ฮฑฮน ฯƒฮต ฯ€ฮฟฮปฮปฮญฯ‚ ฮดฮนฮฑฮดฯฮฟฮผฮญฯ‚, ฯ€ฯฮญฯ€ฮตฮน ฮฝฮฑ ฮฑฮฝฯ„ฮนฮณฯฮฑฯ†ฮตฮฏ ฯƒฮต ฯŒฮปฮตฯ‚, ฮบฮฑฮธฮนฯƒฯ„ฯŽฮฝฯ„ฮฑฯ‚ ฮดฯฯƒฮบฮฟฮปฮท ฯ„ฮท ฮดฮนฮฑฯ„ฮฎฯฮทฯƒฮท ฯ„ฮฟฯ… ฮบฯ‰ฮดฮนฮบฮฟฯ DRY (Don't Repeat Yourself).

ฮ ฮตฯฮนฯƒฯƒฯŒฯ„ฮตฯฮฑ

ฮ•ฯ€ฮนฮปฯฮธฮทฮบฮต: ฯ„ฮฟ react router Link ฮปฮตฮนฯ„ฮฟฯ…ฯฮณฮตฮฏ

ฮคฮฟ ฮบฯฯฮนฮฟ ฯ€ฯฯŒฮฒฮปฮทฮผฮฑ ฯ€ฮฟฯ… ฯƒฯ‡ฮตฯ„ฮฏฮถฮตฯ„ฮฑฮน ฮผฮต ฯ„ฮฟ React Router Link ฮตฮฏฮฝฮฑฮน ฯŒฯ„ฮน ฮดฮตฮฝ ฮตฮฝฮทฮผฮตฯฯŽฮฝฮตฮน ฯƒฯ‰ฯƒฯ„ฮฌ ฯ„ฮฟ ฮนฯƒฯ„ฮฟฯฮนฮบฯŒ ฯ„ฮฟฯ… ฯ€ฯฮฟฮณฯฮฌฮผฮผฮฑฯ„ฮฟฯ‚ ฯ€ฮตฯฮนฮฎฮณฮทฯƒฮทฯ‚ ฯŒฯ„ฮฑฮฝ ฮณฮฏฮฝฮตฯ„ฮฑฮน ฮบฮปฮนฮบ. ฮ‘ฯ…ฯ„ฯŒ ฯƒฮทฮผฮฑฮฏฮฝฮตฮน ฯŒฯ„ฮน ฮตฮฌฮฝ ฮญฮฝฮฑฯ‚ ฯ‡ฯฮฎฯƒฯ„ฮทฯ‚ ฮบฮฌฮฝฮตฮน ฮบฮปฮนฮบ ฯƒฮต ฮญฮฝฮฑฮฝ ฮฃฯฮฝฮดฮตฯƒฮผฮฟ ฮบฮฑฮน ฯƒฯ„ฮท ฯƒฯ…ฮฝฮญฯ‡ฮตฮนฮฑ ฯ€ฮฑฯ„ฮฎฯƒฮตฮน ฯ„ฮฟ ฮบฮฟฯ…ฮผฯ€ฮฏ ฯ€ฮฏฯƒฯ‰, ฮธฮฑ ฮผฮตฯ„ฮฑฯ†ฮตฯฮธฮตฮฏ ฯ€ฮฏฯƒฯ‰ ฯƒฯ„ฮทฮฝ ฯ€ฯฮฟฮทฮณฮฟฯฮผฮตฮฝฮท ฯƒฮตฮปฮฏฮดฮฑ ฮฑฮฝฯ„ฮฏ ฯƒฯ„ฮท ฯƒฮตฮปฮฏฮดฮฑ ฮฑฯ€ฯŒ ฯ„ฮทฮฝ ฮฟฯ€ฮฟฮฏฮฑ ฮผฯŒฮปฮนฯ‚ ฮฑฯ€ฮฟฮผฮฑฮบฯฯฮฝฮธฮทฮบฮต. ฮ•ฯ€ฮนฯ€ฮปฮญฮฟฮฝ, ฮฑฯ…ฯ„ฯŒ ฮผฯ€ฮฟฯฮตฮฏ ฮฝฮฑ ฯ€ฯฮฟฮบฮฑฮปฮญฯƒฮตฮน ฮฑฯ€ฯฮฟฯƒฮดฯŒฮบฮทฯ„ฮท ฯƒฯ…ฮผฯ€ฮตฯฮนฯ†ฮฟฯฮฌ ฯƒฮต ฮฟฯฮนฯƒฮผฮญฮฝฮตฯ‚ ฯ€ฮตฯฮนฯ€ฯ„ฯŽฯƒฮตฮนฯ‚, ฯŒฯ€ฯ‰ฯ‚ ฮบฮฑฯ„ฮฌ ฯ„ฮท ฯ‡ฯฮฎฯƒฮท ฯƒฯ…ฮผฮฒฮฟฮปฮฟฯƒฮตฮนฯฯŽฮฝ ฮตฯฯ‰ฯ„ฮฎฮผฮฑฯ„ฮฟฯ‚ ฮฎ ฮธฯฮฑฯ…ฯƒฮผฮฌฯ„ฯ‰ฮฝ ฮบฮฑฯ„ฮฑฮบฮตฯฮผฮฑฯ„ฮนฯƒฮผฮฟฯ.

ฮ ฮตฯฮนฯƒฯƒฯŒฯ„ฮตฯฮฑ

ฮ•ฯ€ฮนฮปฯฮธฮทฮบฮต: ฮงฯฮทฯƒฮนฮผฮฟฯ€ฮฟฮนฮฎฯƒฯ„ฮต ฯ„ฮทฮฝ ฮตฯ†ฮฑฯฮผฮฟฮณฮฎ History React Router v6

ฮคฮฟ ฮบฯฯฮนฮฟ ฯ€ฯฯŒฮฒฮปฮทฮผฮฑ ฯ€ฮฟฯ… ฯƒฯ‡ฮตฯ„ฮฏฮถฮตฯ„ฮฑฮน ฮผฮต ฯ„ฮท ฯ‡ฯฮฎฯƒฮท ฯ„ฮฟฯ… History React Router v6 ฮตฮฏฮฝฮฑฮน ฯŒฯ„ฮน ฮดฮตฮฝ ฯ…ฯ€ฮฟฯƒฯ„ฮทฯฮฏฮถฮตฮน ฮดฯฮฟฮผฮฟฮปฯŒฮณฮทฯƒฮท ฮฒฮฑฯƒฮนฯƒฮผฮญฮฝฮท ฯƒฮต ฮบฮฑฯ„ฮฑฮบฮตฯฮผฮฑฯ„ฮนฯƒฮผฯŒ. ฮ‘ฯ…ฯ„ฯŒ ฯƒฮทฮผฮฑฮฏฮฝฮตฮน ฯŒฯ„ฮน ฯŒฮปฮตฯ‚ ฮฟฮน ฮดฮนฮตฯ…ฮธฯฮฝฯƒฮตฮนฯ‚ URL ฯ€ฯฮญฯ€ฮตฮน ฮฝฮฑ ฮตฮฏฮฝฮฑฮน ฮฑฯ€ฯŒฮปฯ…ฯ„ฮตฯ‚ ฮดฮนฮฑฮดฯฮฟฮผฮญฯ‚, ฮบฮฌฯ„ฮน ฯ€ฮฟฯ… ฮผฯ€ฮฟฯฮตฮฏ ฮฝฮฑ ฮดฯ…ฯƒฯ‡ฮตฯฮฌฮฝฮตฮน ฯ„ฮท ฮดฮนฮฑฯ‡ฮตฮฏฯฮนฯƒฮท ฮบฮฑฮน ฯ„ฮท ฯƒฯ…ฮฝฯ„ฮฎฯฮทฯƒฮท ฯ„ฮทฯ‚ ฮตฯ†ฮฑฯฮผฮฟฮณฮฎฯ‚. ฮ•ฯ€ฮนฯ€ฮปฮญฮฟฮฝ, ฮดฮตฮฝ ฯ…ฯ€ฮฌฯฯ‡ฮตฮน ฮตฮฝฯƒฯ‰ฮผฮฑฯ„ฯ‰ฮผฮญฮฝฮท ฯ…ฯ€ฮฟฯƒฯ„ฮฎฯฮนฮพฮท ฮณฮนฮฑ ฮดฯ…ฮฝฮฑฮผฮนฮบฮญฯ‚ ฮดฮนฮฑฮดฯฮฟฮผฮญฯ‚, ฮบฮฌฯ„ฮน ฯ€ฮฟฯ… ฮผฯ€ฮฟฯฮตฮฏ ฮฝฮฑ ฮตฮฏฮฝฮฑฮน ฯ€ฯฯŒฮฒฮปฮทฮผฮฑ ฮบฮฑฯ„ฮฌ ฯ„ฮท ฮดฮทฮผฮนฮฟฯ…ฯฮณฮฏฮฑ ฯƒฯฮฝฮธฮตฯ„ฯ‰ฮฝ ฮตฯ†ฮฑฯฮผฮฟฮณฯŽฮฝ ฮผฮต ฯ€ฮฟฮปฮปฮญฯ‚ ฯƒฮตฮปฮฏฮดฮตฯ‚. ฮคฮญฮปฮฟฯ‚, ฯ„ฮฟ History React Router v6 ฮดฮตฮฝ ฯ€ฮฑฯฮญฯ‡ฮตฮน ฮบฮฑฮผฮฏฮฑ ฯ…ฯ€ฮฟฯƒฯ„ฮฎฯฮนฮพฮท ฮณฮนฮฑ ฮฑฯ€ฯŒฮดฮฟฯƒฮท ฮฑฯ€ฯŒ ฯ„ฮทฮฝ ฯ€ฮปฮตฯ…ฯฮฌ ฯ„ฮฟฯ… ฮดฮนฮฑฮบฮฟฮผฮนฯƒฯ„ฮฎ, ฮท ฮฟฯ€ฮฟฮฏฮฑ ฮผฯ€ฮฟฯฮตฮฏ ฮฝฮฑ ฮตฮฏฮฝฮฑฮน ฮฑฯ€ฮฑฯฮฑฮฏฯ„ฮทฯ„ฮท ฯƒฮต ฮฟฯฮนฯƒฮผฮญฮฝฮตฯ‚ ฯ€ฮตฯฮนฯ€ฯ„ฯŽฯƒฮตฮนฯ‚.

ฮ ฮตฯฮนฯƒฯƒฯŒฯ„ฮตฯฮฑ

ฮ•ฯ€ฮนฮปฯฮธฮทฮบฮต: ฮดฯฮฟฮผฮฟฮปฮฟฮณฮทฯ„ฮฎฯ‚ ฮฑฮฝฯ„ฮนฮดฯฮฌ ฯƒฯ„ฮทฮฝ ฮบฮฟฯฯ…ฯ†ฮฎ ฯ„ฮทฯ‚ ฮตฯ€ฯŒฮผฮตฮฝฮทฯ‚ ฯƒฮตฮปฮฏฮดฮฑฯ‚

ฮคฮฟ ฮบฯฯฮนฮฟ ฯ€ฯฯŒฮฒฮปฮทฮผฮฑ ฯ€ฮฟฯ… ฯƒฯ‡ฮตฯ„ฮฏฮถฮตฯ„ฮฑฮน ฮผฮต ฯ„ฮทฮฝ ฮบฮฟฯฯ…ฯ†ฮฎ ฯ„ฮทฯ‚ ฮตฯ€ฯŒฮผฮตฮฝฮทฯ‚ ฯƒฮตฮปฮฏฮดฮฑฯ‚ ฯ„ฮฟฯ… React Router ฮตฮฏฮฝฮฑฮน ฯŒฯ„ฮน ฮผฯ€ฮฟฯฮตฮฏ ฮฝฮฑ ฯ€ฯฮฟฮบฮฑฮปฮญฯƒฮตฮน ฮฑฯ€ฯฮฟฯƒฮดฯŒฮบฮทฯ„ฮท ฯƒฯ…ฮผฯ€ฮตฯฮนฯ†ฮฟฯฮฌ ฮบฮฑฯ„ฮฌ ฯ„ฮทฮฝ ฯ€ฮปฮฟฮฎฮณฮทฯƒฮท ฮผฮตฯ„ฮฑฮพฯ ฯƒฮตฮปฮฏฮดฯ‰ฮฝ. ฮšฮฑฯ„ฮฌ ฯ„ฮทฮฝ ฯ€ฮปฮฟฮฎฮณฮทฯƒฮท ฯƒฮต ฮผฮนฮฑ ฮฝฮญฮฑ ฯƒฮตฮปฮฏฮดฮฑ, ฯ„ฮฟ ฯ€ฯฯŒฮณฯฮฑฮผฮผฮฑ ฯ€ฮตฯฮนฮฎฮณฮทฯƒฮทฯ‚ ฮธฮฑ ฯ€ฯฮฑฮณฮผฮฑฯ„ฮฟฯ€ฮฟฮนฮฎฯƒฮตฮน ฮบฯฮปฮนฯƒฮท ฯ€ฮฏฯƒฯ‰ ฯƒฯ„ฮทฮฝ ฮบฮฟฯฯ…ฯ†ฮฎ ฯ„ฮทฯ‚ ฯƒฮตฮปฮฏฮดฮฑฯ‚, ฮบฮฌฯ„ฮน ฯ€ฮฟฯ… ฮผฯ€ฮฟฯฮตฮฏ ฮฝฮฑ ฮตฮฝฮฟฯ‡ฮปฮฎฯƒฮตฮน ฯ„ฮฟฯ…ฯ‚ ฯ‡ฯฮฎฯƒฯ„ฮตฯ‚ ฯ€ฮฟฯ… ฮฑฮฝฮฑฮผฮญฮฝฮฟฯ…ฮฝ ฮฝฮฑ ฯ€ฮฑฯฮฑฮผฮตฮฏฮฝฮฟฯ…ฮฝ ฯƒฯ„ฮทฮฝ ฮฏฮดฮนฮฑ ฯƒฮตฮปฮฏฮดฮฑ ฮฎ ฮฝฮฑ ฮผฮตฯ„ฮฑฮบฮนฮฝฮทฮธฮฟฯฮฝ ฯ€ฯฮฟฯ‚ ฯ„ฮฑ ฮบฮฌฯ„ฯ‰. ฮ•ฯ€ฮนฯ€ฮปฮญฮฟฮฝ, ฮฑฯ…ฯ„ฮฎ ฮท ฯƒฯ…ฮผฯ€ฮตฯฮนฯ†ฮฟฯฮฌ ฮตฮฝฮดฮญฯ‡ฮตฯ„ฮฑฮน ฮฝฮฑ ฮผฮทฮฝ ฮตฮฏฮฝฮฑฮน ฮฑฮฝฮฑฮผฮตฮฝฯŒฮผฮตฮฝฮท ฮฑฯ€ฯŒ ฯ‡ฯฮฎฯƒฯ„ฮตฯ‚ ฯ€ฮฟฯ… ฮญฯ‡ฮฟฯ…ฮฝ ฯƒฯ…ฮฝฮทฮธฮฏฯƒฮตฮน ฯƒฮต ฯ€ฮนฮฟ ฯ€ฮฑฯฮฑฮดฮฟฯƒฮนฮฑฮบฮฌ ฮผฮฟฯ„ฮฏฮฒฮฑ ฯ€ฮปฮฟฮฎฮณฮทฯƒฮทฯ‚ ฯƒฯ„ฮฟฮฝ ฮนฯƒฯ„ฯŒ.

ฮ ฮตฯฮนฯƒฯƒฯŒฯ„ฮตฯฮฑ

ฮ•ฯ€ฮนฮปฯฮธฮทฮบฮต: activeClassName react ฮดฯฮฟฮผฮฟฮปฮฟฮณฮทฯ„ฮฎฯ‚

ฮคฮฟ ฮบฯฯฮนฮฟ ฯ€ฯฯŒฮฒฮปฮทฮผฮฑ ฯ€ฮฟฯ… ฯƒฯ‡ฮตฯ„ฮฏฮถฮตฯ„ฮฑฮน ฮผฮต ฯ„ฮฟ activeClassName ฯƒฯ„ฮฟ React Router ฮตฮฏฮฝฮฑฮน ฯŒฯ„ฮน ฮดฮตฮฝ ฮตฮฝฮทฮผฮตฯฯŽฮฝฮตฮน ฮฑฯ…ฯ„ฯŒฮผฮฑฯ„ฮฑ ฯ„ฮทฮฝ ฮตฮฝฮตฯฮณฮฎ ฯ„ฮฌฮพฮท ฯŒฯ„ฮฑฮฝ ฮฑฮปฮปฮฌฮถฮตฮน ฮท ฮดฮนฮฑฮดฯฮฟฮผฮฎ. ฮ‘ฯ…ฯ„ฯŒ ฯƒฮทฮผฮฑฮฏฮฝฮตฮน ฯŒฯ„ฮน ฮฟฮน ฯ€ฯฮฟฮณฯฮฑฮผฮผฮฑฯ„ฮนฯƒฯ„ฮญฯ‚ ฯ€ฯฮญฯ€ฮตฮน ฮฝฮฑ ฮตฮฝฮทฮผฮตฯฯŽฮฝฮฟฯ…ฮฝ ฯ‡ฮตฮนฯฮฟฮบฮฏฮฝฮทฯ„ฮฑ ฯ„ฮทฮฝ ฮตฮฝฮตฯฮณฮฎ ฮบฮปฮฌฯƒฮท ฮบฮฌฮธฮต ฯ†ฮฟฯฮฌ ฯ€ฮฟฯ… ฮฑฮปฮปฮฌฮถฮตฮน ฮผฮนฮฑ ฮดฮนฮฑฮดฯฮฟฮผฮฎ, ฮบฮฌฯ„ฮน ฯ€ฮฟฯ… ฮผฯ€ฮฟฯฮตฮฏ ฮฝฮฑ ฮตฮฏฮฝฮฑฮน ฯ‡ฯฮฟฮฝฮฟฮฒฯŒฯฮฟ ฮบฮฑฮน ฮตฯ€ฮนฯฯฮตฯ€ฮญฯ‚ ฯƒฮต ฯƒฯ†ฮฌฮปฮผฮฑฯ„ฮฑ. ฮ•ฯ€ฮนฯ€ฮปฮญฮฟฮฝ, ฮตฮฌฮฝ ฯ€ฮฟฮปฮปฮญฯ‚ ฮดฮนฮฑฮดฯฮฟฮผฮญฯ‚ ฮตฮฏฮฝฮฑฮน ฮญฮฝฮธฮตฯ„ฮตฯ‚ ฮผฮตฯ„ฮฑฮพฯ ฯ„ฮฟฯ…ฯ‚, ฮผฯ€ฮฟฯฮตฮฏ ฮฝฮฑ ฮณฮฏฮฝฮตฮน ฮดฯฯƒฮบฮฟฮปฮฟ ฮฝฮฑ ฯ€ฮฑฯฮฑฮบฮฟฮปฮฟฯ…ฮธฮตฮฏฯ„ฮต ฯ€ฮฟฮนฮฑ ฮดฮนฮฑฮดฯฮฟฮผฮฎ ฮตฮฏฮฝฮฑฮน ฮตฮฝฮตฯฮณฮฎ ฮฑฯ…ฯ„ฮฎฮฝ ฯ„ฮท ฯƒฯ„ฮนฮณฮผฮฎ ฮบฮฑฮน ฯ€ฮฟฮนฮตฯ‚ ฮบฮปฮฌฯƒฮตฮนฯ‚ ฯ€ฯฮญฯ€ฮตฮน ฮฝฮฑ ฮตฯ†ฮฑฯฮผฮฟฯƒฯ„ฮฟฯฮฝ ฯƒฮต ฮบฮฌฮธฮต ฯƒฯ„ฮฟฮนฯ‡ฮตฮฏฮฟ.

ฮ ฮตฯฮนฯƒฯƒฯŒฯ„ฮตฯฮฑ

ฮ•ฯ€ฮนฮปฯฮธฮทฮบฮต: React router 404 redirect

ฮคฮฟ ฮบฯฯฮนฮฟ ฯ€ฯฯŒฮฒฮปฮทฮผฮฑ ฯ€ฮฟฯ… ฯƒฯ‡ฮตฯ„ฮฏฮถฮตฯ„ฮฑฮน ฮผฮต ฯ„ฮทฮฝ ฮฑฮฝฮฑฮบฮฑฯ„ฮตฯฮธฯ…ฮฝฯƒฮท ฯ„ฮฟฯ… ฮดฯฮฟฮผฮฟฮปฮฟฮณฮทฯ„ฮฎ React 404 ฮตฮฏฮฝฮฑฮน ฯŒฯ„ฮน ฮผฯ€ฮฟฯฮตฮฏ ฮฝฮฑ ฮตฮฏฮฝฮฑฮน ฮดฯฯƒฮบฮฟฮปฮฟ ฮฝฮฑ ฮตฯ†ฮฑฯฮผฮฟฯƒฯ„ฮตฮฏ. ฮ•ฯ†ฯŒฯƒฮฟฮฝ ฯ„ฮฟ React Router ฮดฮตฮฝ ฮญฯ‡ฮตฮน ฮตฮฝฯƒฯ‰ฮผฮฑฯ„ฯ‰ฮผฮญฮฝฮท ฯƒฮตฮปฮฏฮดฮฑ 404, ฮฟฮน ฯ€ฯฮฟฮณฯฮฑฮผฮผฮฑฯ„ฮนฯƒฯ„ฮญฯ‚ ฯ€ฯฮญฯ€ฮตฮน ฮฝฮฑ ฮดฮทฮผฮนฮฟฯ…ฯฮณฮฎฯƒฮฟฯ…ฮฝ ฮผฮต ฮผฮท ฮฑฯ…ฯ„ฯŒฮผฮฑฯ„ฮฟ ฯ„ฯฯŒฯ€ฮฟ ฮผฮนฮฑ ฮดฮนฮฑฮดฯฮฟฮผฮฎ ฮณฮนฮฑ ฯ„ฮท ฯƒฮตฮปฮฏฮดฮฑ 404 ฮบฮฑฮน ฯƒฯ„ฮท ฯƒฯ…ฮฝฮญฯ‡ฮตฮนฮฑ ฮฝฮฑ ฯฯ…ฮธฮผฮฏฯƒฮฟฯ…ฮฝ ฯ„ฮฟฮฝ ฮดฯฮฟฮผฮฟฮปฮฟฮณฮทฯ„ฮฎ ฮณฮนฮฑ ฮฝฮฑ ฮฑฮฝฮฑฮบฮฑฯ„ฮตฯ…ฮธฯฮฝฮตฮน ฯ„ฯ…ฯ‡ฯŒฮฝ ฮฑฮนฯ„ฮฎฮผฮฑฯ„ฮฑ ฯ€ฮฟฯ… ฮดฮตฮฝ ฯ„ฮฑฮนฯฮนฮฌฮถฮฟฯ…ฮฝ ฮผฮต ฮผฮนฮฑ ฯ…ฯ€ฮฌฯฯ‡ฮฟฯ…ฯƒฮฑ ฮดฮนฮฑฮดฯฮฟฮผฮฎ. ฮ‘ฯ…ฯ„ฯŒ ฮฑฯ€ฮฑฮนฯ„ฮตฮฏ ฯ€ฯฯŒฯƒฮธฮตฯ„ฮฟ ฮบฯŽฮดฮนฮบฮฑ ฮบฮฑฮน ฯฯ…ฮธฮผฮฏฯƒฮตฮนฯ‚ ฯ€ฮฑฯฮฑฮผฮญฯ„ฯฯ‰ฮฝ, ฮฟฮน ฮฟฯ€ฮฟฮฏฮตฯ‚ ฮผฯ€ฮฟฯฮตฮฏ ฮฝฮฑ ฮตฮฏฮฝฮฑฮน ฯ‡ฯฮฟฮฝฮฟฮฒฯŒฯฮตฯ‚ ฮบฮฑฮน ฮดฯฯƒฮบฮฟฮปฮฟ ฮฝฮฑ ฮตฮฝฯ„ฮฟฯ€ฮนฯƒฯ„ฮฟฯฮฝ ฯƒฯ†ฮฌฮปฮผฮฑฯ„ฮฑ ฮตฮฌฮฝ ฮบฮฌฯ„ฮน ฯ€ฮฌฮตฮน ฯƒฯ„ฯฮฑฮฒฮฌ. ฮ•ฯ€ฮนฯ€ฮปฮญฮฟฮฝ, ฮตฮฌฮฝ ฮญฮฝฮฑฯ‚ ฯ‡ฯฮฎฯƒฯ„ฮทฯ‚ ฯ€ฮปฮฟฮทฮณฮทฮธฮตฮฏ ฮฑฯ€ฮตฯ…ฮธฮตฮฏฮฑฯ‚ ฯƒฮต ฮผฮนฮฑ ฮดฮนฮตฯฮธฯ…ฮฝฯƒฮท URL ฯ€ฮฟฯ… ฮดฮตฮฝ ฯ…ฯ€ฮฌฯฯ‡ฮตฮน, ฮธฮฑ ฮตฮพฮฑฮบฮฟฮปฮฟฯ…ฮธฮตฮฏ ฮฝฮฑ ฮฒฮปฮญฯ€ฮตฮน ฮผฮนฮฑ ฯƒฮตฮปฮฏฮดฮฑ ฯƒฯ†ฮฌฮปฮผฮฑฯ„ฮฟฯ‚ ฮฑฮฝฯ„ฮฏ ฮฝฮฑ ฮฑฮฝฮฑฮบฮฑฯ„ฮตฯ…ฮธฯฮฝฮตฯ„ฮฑฮน ฯƒฯ„ฮท ฯƒฮตฮปฮฏฮดฮฑ 404.

ฮ ฮตฯฮนฯƒฯƒฯŒฯ„ฮตฯฮฑ

ฮ•ฯ€ฮนฮปฯฮธฮทฮบฮต: ฮฟ ฮดฯฮฟฮผฮฟฮปฮฟฮณฮทฯ„ฮฎฯ‚ ฮฑฮฝฯ„ฮนฮดฯฮฌฯƒฮตฯ‰ฯ‚ ฯ€ฯฮฟฯƒฮธฮญฯ„ฮตฮน ฮตฮฝฮฑฮปฮปฮฑฮบฯ„ฮนฮบฮฎ ฮปฯฯƒฮท ฮณฮนฮฑ ฮฝฮฑ ฯ„ฮฑ ฯƒฯ…ฮปฮปฮฌฮฒฮตฮน ฯŒฮปฮฑ

ฮคฮฟ ฮบฯฯฮนฮฟ ฯ€ฯฯŒฮฒฮปฮทฮผฮฑ ฯ€ฮฟฯ… ฯƒฯ‡ฮตฯ„ฮฏฮถฮตฯ„ฮฑฮน ฮผฮต ฯ„ฮฟ React Router ฮบฮฑฮน ฯ„ฮทฮฝ ฯ€ฯฮฟฯƒฮธฮฎฮบฮท ฮตฮฝฯŒฯ‚ ฮตฮฝฮฑฮปฮปฮฑฮบฯ„ฮนฮบฮฟฯ ฮณฮนฮฑ ฮฝฮฑ ฯ„ฮฑ ฮบฮฑฯ„ฮฑฮปฮฌฮฒฮตฯ„ฮต ฯŒฮปฮฑ ฮตฮฏฮฝฮฑฮน ฯŒฯ„ฮน ฮผฯ€ฮฟฯฮตฮฏ ฮฝฮฑ ฮตฮฏฮฝฮฑฮน ฮดฯฯƒฮบฮฟฮปฮฟ ฮฝฮฑ ฯฯ…ฮธฮผฮฏฯƒฮตฯ„ฮต ฯƒฯ‰ฯƒฯ„ฮฌ ฯ„ฮทฮฝ ฮตฮฝฮฑฮปฮปฮฑฮบฯ„ฮนฮบฮฎ ฮดฮนฮฑฮดฯฮฟฮผฮฎ. ฮ— ฮตฮฝฮฑฮปฮปฮฑฮบฯ„ฮนฮบฮฎ ฮดฮนฮฑฮดฯฮฟฮผฮฎ ฯ€ฯฮญฯ€ฮตฮน ฮฝฮฑ ฮดฮนฮฑฮผฮฟฯฯ†ฯ‰ฮธฮตฮฏ ฮผฮต ฯ„ฮญฯ„ฮฟฮนฮฟ ฯ„ฯฯŒฯ€ฮฟ ฯŽฯƒฯ„ฮต ฮฝฮฑ ฯƒฯ…ฮปฮปฮฑฮผฮฒฮฌฮฝฮตฮน ฯŒฮปฮฑ ฯ„ฮฑ ฮฑฮนฯ„ฮฎฮผฮฑฯ„ฮฑ, ฯƒฯ…ฮผฯ€ฮตฯฮนฮปฮฑฮผฮฒฮฑฮฝฮฟฮผฮญฮฝฯ‰ฮฝ ฮตฮบฮตฮฏฮฝฯ‰ฮฝ ฯ€ฮฟฯ… ฮดฮตฮฝ ฮตฮฏฮฝฮฑฮน ฮญฮณฮบฯ…ฯฮตฯ‚ ฮดฮนฮฑฮดฯฮฟฮผฮญฯ‚. ฮ•ฮฌฮฝ ฮท ฮดฮนฮฑฮผฯŒฯฯ†ฯ‰ฯƒฮท ฮดฮตฮฝ ฮณฮฏฮฝฮตฮน ฯƒฯ‰ฯƒฯ„ฮฌ, ฯ„ฯŒฯ„ฮต ฯ„ฮฑ ฮฑฮนฯ„ฮฎฮผฮฑฯ„ฮฑ ฮณฮนฮฑ ฮผฮท ฮญฮณฮบฯ…ฯฮตฯ‚ ฮดฮนฮฑฮดฯฮฟฮผฮญฯ‚ ฮดฮตฮฝ ฮธฮฑ ฮปฮทฯ†ฮธฮฟฯฮฝ ฮฑฯ€ฯŒ ฯ„ฮทฮฝ ฮตฮฝฮฑฮปฮปฮฑฮบฯ„ฮนฮบฮฎ ฮดฮนฮฑฮดฯฮฟฮผฮฎ ฮบฮฑฮน ฮผฯ€ฮฟฯฮตฮฏ ฮฝฮฑ ฮฟฮดฮทฮณฮฎฯƒฮฟฯ…ฮฝ ฯƒฮต ฯƒฯ†ฮฌฮปฮผฮฑฯ„ฮฑ ฮฎ ฮฑฯ€ฯฮฟฯƒฮดฯŒฮบฮทฯ„ฮท ฯƒฯ…ฮผฯ€ฮตฯฮนฯ†ฮฟฯฮฌ. ฮ•ฯ€ฮนฯ€ฮปฮญฮฟฮฝ, ฮตฮฌฮฝ ฮท ฮตฯ†ฮฑฯฮผฮฟฮณฮฎ ฯ€ฮตฯฮนฮญฯ‡ฮตฮน ฮดฯ…ฮฝฮฑฮผฮนฮบฮญฯ‚ ฮดฮนฮฑฮดฯฮฟฮผฮญฯ‚ (ฯ€.ฯ‡. ฮผฮต ฮฒฮฌฯƒฮท ฯ„ฮฑ ฯƒฯ„ฮฟฮนฯ‡ฮตฮฏฮฑ ฮตฮนฯƒฯŒฮดฮฟฯ… ฯ„ฮฟฯ… ฯ‡ฯฮฎฯƒฯ„ฮท), ฯ„ฯŒฯ„ฮต ฮฑฯ…ฯ„ฮญฯ‚ ฯ€ฯฮญฯ€ฮตฮน ฮฝฮฑ ฮปฮทฯ†ฮธฮฟฯฮฝ ฯ…ฯ€ฯŒฯˆฮท ฮบฮฑฯ„ฮฌ ฯ„ฮท ฮดฮนฮฑฮผฯŒฯฯ†ฯ‰ฯƒฮท ฯ„ฮทฯ‚ ฮตฮฝฮฑฮปฮปฮฑฮบฯ„ฮนฮบฮฎฯ‚ ฮดฮนฮฑฮดฯฮฟฮผฮฎฯ‚, ฯŽฯƒฯ„ฮต ฮฝฮฑ ฯƒฯ…ฮปฮปฮทฯ†ฮธฮฟฯฮฝ ฮบฮฑฮน ฮฑฯ…ฯ„ฮญฯ‚ ฮฑฯ€ฯŒ ฮฑฯ…ฯ„ฮฎฮฝ.

ฮ ฮตฯฮนฯƒฯƒฯŒฯ„ฮตฯฮฑ

ฮ•ฯ€ฮนฮปฯฮธฮทฮบฮต: ฮบฮฑฯ„ฮตฮฒฮฌฯƒฯ„ฮต ฯ„ฮฟ react router dom

ฮคฮฟ ฮบฯฯฮนฮฟ ฯ€ฯฯŒฮฒฮปฮทฮผฮฑ ฯ€ฮฟฯ… ฯƒฯ‡ฮตฯ„ฮฏฮถฮตฯ„ฮฑฮน ฮผฮต ฯ„ฮท ฮปฮฎฯˆฮท ฯ„ฮฟฯ… React Router DOM ฮตฮฏฮฝฮฑฮน ฯŒฯ„ฮน ฮผฯ€ฮฟฯฮตฮฏ ฮฝฮฑ ฮตฮฏฮฝฮฑฮน ฮดฯฯƒฮบฮฟฮปฮฟ ฮฝฮฑ ฮดฮนฮฑฮผฮฟฯฯ†ฯ‰ฮธฮตฮฏ ฮบฮฑฮน ฮฝฮฑ ฯฯ…ฮธฮผฮนฯƒฯ„ฮตฮฏ. ฮคฮฟ React Router DOM ฮฑฯ€ฮฑฮนฯ„ฮตฮฏ ฯ€ฮฟฮปฮปฮญฯ‚ ฯฯ…ฮธฮผฮฏฯƒฮตฮนฯ‚ ฮบฮฑฮน ฯฯ…ฮธฮผฮฏฯƒฮตฮนฯ‚, ฮฟฮน ฮฟฯ€ฮฟฮฏฮตฯ‚ ฮผฯ€ฮฟฯฮตฮฏ ฮฝฮฑ ฮตฮฏฮฝฮฑฮน ฯ‡ฯฮฟฮฝฮฟฮฒฯŒฯฮตฯ‚ ฮบฮฑฮน ฯ€ฮฟฮปฯฯ€ฮปฮฟฮบฮตฯ‚ ฮณฮนฮฑ ฯ€ฯฮฟฮณฯฮฑฮผฮผฮฑฯ„ฮนฯƒฯ„ฮญฯ‚ ฯ€ฮฟฯ… ฮตฮฏฮฝฮฑฮน ฮฝฮญฮฟฮน ฯƒฯ„ฮท ฮฒฮนฮฒฮปฮนฮฟฮธฮฎฮบฮท. ฮ•ฯ€ฮนฯ€ฮปฮญฮฟฮฝ, ฯ„ฮฟ React Router DOM ฮตฮพฮตฮปฮฏฯƒฯƒฮตฯ„ฮฑฮน ฯƒฯ…ฮฝฮตฯ‡ฯŽฯ‚, ฮตฯ€ฮฟฮผฮญฮฝฯ‰ฯ‚ ฮฟฮน ฯ€ฯฮฟฮณฯฮฑฮผฮผฮฑฯ„ฮนฯƒฯ„ฮญฯ‚ ฯ€ฯฮญฯ€ฮตฮน ฮฝฮฑ ฯ€ฮฑฯฮฑฮผฮญฮฝฮฟฯ…ฮฝ ฮตฮฝฮทฮผฮตฯฯ‰ฮผฮญฮฝฮฟฮน ฮผฮต ฯ„ฮทฮฝ ฯ€ฮนฮฟ ฯ€ฯฯŒฯƒฯ†ฮฑฯ„ฮท ฮญฮบฮดฮฟฯƒฮท, ฯ€ฯฮฟฮบฮตฮนฮผฮญฮฝฮฟฯ… ฮฝฮฑ ฮดฮนฮฑฯƒฯ†ฮฑฮปฮฏฯƒฮฟฯ…ฮฝ ฯ„ฮท ฯƒฯ…ฮผฮฒฮฑฯ„ฯŒฯ„ฮทฯ„ฮฑ ฮผฮต ฯ„ฮนฯ‚ ฮตฯ†ฮฑฯฮผฮฟฮณฮญฯ‚ ฯ„ฮฟฯ…ฯ‚.

ฮ ฮตฯฮนฯƒฯƒฯŒฯ„ฮตฯฮฑ