Skip to content
6 / 23

Как Ρ‚ΠΈΠΏΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ HOC (Higher-Order Component)?

HOC β€” функция, которая ΠΏΡ€ΠΈΠ½ΠΈΠΌΠ°Π΅Ρ‚ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ ΠΈ Π²ΠΎΠ·Π²Ρ€Π°Ρ‰Π°Π΅Ρ‚ Π½ΠΎΠ²Ρ‹ΠΉ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ с Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½Π½Ρ‹ΠΌΠΈ пропсами. Випизация HOC строится Π½Π° Π΄ΠΆΠ΅Π½Π΅Ρ€ΠΈΠΊΠ°Ρ…: Π²Ρ…ΠΎΠ΄Π½ΠΎΠΉ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚ типизируСтся Ρ‡Π΅Ρ€Π΅Π· React.ComponentType<P>, Π° HOC вычисляСт injected props (Ρ‚Π΅, Ρ‡Ρ‚ΠΎ ΠΎΠ½ добавляСт) ΠΈ Ρ‚Ρ€Π΅Π±ΡƒΠ΅ΠΌΡ‹Π΅ props (Ρ‚Π΅, Ρ‡Ρ‚ΠΎ ΠΎΡΡ‚Π°ΡŽΡ‚ΡΡ). Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉ Omit Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ±Ρ€Π°Ρ‚ΡŒ ΠΈΠ½ΠΆΠ΅ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹Π΅ пропсы ΠΈΠ· внСшнСго API.

Как Ρ‚ΠΈΠΏΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ HOC (Higher-Order Component)? | JScriptiser