(JSX attribute) layout: string
No overload matches this call.
ΠΡΠΎΡΡΠΎ ΡΠΊΠ°ΠΆΠΈΡΠ΅ Next Π² ΠΏΡΠΎΠ΅ΠΊΡΠ΅, ΠΈΠΌΠΏΠΎΡΡΠΈΡΡΠΉΡΠ΅ next/image
ΠΈ ΠΏΠΎΠΏΡΠΎΠ±ΡΠΉΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΠ°ΠΊΡΡ ββΠΎΠΏΠΎΡΡ ΠΌΠ°ΠΊΠ΅ΡΠ°:
<Background src='/img/header.png' quality={100} layout='fill' />
Π Π°Π±ΠΎΡΠΈΠΉ ΡΠ΅ΠΊΠ²ΠΈΠ·ΠΈΡ, ΠΏΡΠΈΠ·Π½Π°Π½Π½ΡΠΉ ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠΎΠΌ.
{
"dependencies": {
"next": "10.0.2-canary.4"
}
}
Π Π΅ΠΊΠ²ΠΈΠ·ΠΈΡ ΡΠ°Π±ΠΎΡΠ°Π΅Ρ, Π½ΠΎ Π½Π΅ ΡΠ°ΡΠΏΠΎΠ·Π½Π°Π΅ΡΡΡ ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠΎΠΌ.
Π Π²Π°ΡΠ΅ΠΌ ΠΏΡΠΈΠΌΠ΅ΡΠ΅ Π½Π°ΠΏΠΈΡΠ°Π½ΠΎ Background
Π²ΠΌΠ΅ΡΡΠΎ Image
. ΠΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, Π²Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΠ΅ Π½Π΅ ΡΠΎΡ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ.
Π― ΠΏΠΎΠ΄ΡΠ²Π΅ΡΠ΄ΠΈΠ», ΡΡΠΎ layout="fill"
ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΠΎ ΡΠ°Π±ΠΎΡΠ°Π΅Ρ Ρ TS ΠΈ Π΄Π°ΠΆΠ΅ ΠΏΡΠ΅Π΄Π»Π°Π³Π°Π΅Ρ ΠΏΡΠ΅Π΄Π»ΠΎΠΆΠ΅Π½ΠΈΠ΅.
Π£Π±Π΅Π΄ΠΈΡΠ΅ΡΡ, ΡΡΠΎ Π²Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΠ΅ import Image from 'next/image'
Π΄Π»Ρ ΠΈΠΌΠΏΠΎΡΡΠ° ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΠΎΠ³ΠΎ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠ°.
@styfle, ΡΠ΅ΠΏΠ΅ΡΡ Ρ ΡΡΠΈΡΠ°Ρ, ΡΡΠΎ Π½Π°ΡΠ΅Π» Π½Π°ΡΡΠΎΡΡΡΡ ΠΏΡΠΎΠ±Π»Π΅ΠΌΡ, ΠΊΠΎΠ³Π΄Π° Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ ΡΠΎ ΡΡΠΈΠ»ΡΠΌΠΈ-ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠ°ΠΌΠΈ, ΠΌΠ°ΠΊΠ΅Ρ Π½Π΅ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°Π΅ΡΡΡ, Π΅ΡΡΡ ΠΈΠ΄Π΅ΠΈ, ΠΏΠΎΡΠ΅ΠΌΡ?
Π Π°Π±ΠΎΡΠ°Π΅Ρ Π»ΠΈ ΠΎΠ½ ΠΏΡΠΈ ΡΡΠ°Π½Π΄Π°ΡΡΠ½ΠΎΠΌ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠΈ import Image from 'next/image'
?
ΠΡΠ»ΠΈ Π΄Π°, ΡΠΎ ΡΡΠΎ ΠΏΠΎΡ
ΠΎΠΆΠ΅ Π½Π° ΠΎΡΠΈΠ±ΠΊΡ Ρ styled-components
.
ΠΠ½ ΡΠ°Π±ΠΎΡΠ°Π΅Ρ Ρ ΠΈΠΌΠΏΠΎΡΡΠΎΠΌ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ, ΡΡΠΎ ΡΠ΅ΡΠ°Π΅Ρ ΠΏΡΠΎΠ±Π»Π΅ΠΌΡ, ΡΠΏΠ°ΡΠΈΠ±ΠΎ!
Π‘Π°ΠΌΡΠΉ ΠΏΠΎΠ»Π΅Π·Π½ΡΠΉ ΠΊΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠΉ
Π Π°Π±ΠΎΡΠ°Π΅Ρ Π»ΠΈ ΠΎΠ½ ΠΏΡΠΈ ΡΡΠ°Π½Π΄Π°ΡΡΠ½ΠΎΠΌ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠΈ
import Image from 'next/image'
?ΠΡΠ»ΠΈ Π΄Π°, ΡΠΎ ΡΡΠΎ ΠΏΠΎΡ ΠΎΠΆΠ΅ Π½Π° ΠΎΡΠΈΠ±ΠΊΡ Ρ
styled-components
.