T
Нужно просто написать
this.state = { count: 0, images: [] }
this.state = { count: 0, images: [] }
Size: a a a
2020 February 05
T
Ну и super оставить
T
Само собой
C
ща , спасибо...
T
После этого стили из рендера лучше всего засунуть в css. Если религия не позволяет, то хотя бы вытащить из метода render и переименовать в ImageSliderStyles
T
Внутри рендера все к чертям стереть что там сейчас есть и сделать следующую структуру
T
const { images } = this.state;
return <div>
{
images.map((src, i) => <img src={src} key={src+i}/>)
}
</div>
return <div>
{
images.map((src, i) => <img src={src} key={src+i}/>)
}
</div>
T
Если нужно показать все картинки сразу
C
Failed to compile
./src/components/ImageSlider.jsx
Line 8:20: Parsing error: Unexpected token
6 | state = {
7 | count: 0,
> 8 | images = [
| ^
9 | '../img/ImageFirst.jpg',
10 | '../img/ImageSecond.jpg',
11 | '../img/ImageThree.jpg',
./src/components/ImageSlider.jsx
Line 8:20: Parsing error: Unexpected token
6 | state = {
7 | count: 0,
> 8 | images = [
| ^
9 | '../img/ImageFirst.jpg',
10 | '../img/ImageSecond.jpg',
11 | '../img/ImageThree.jpg',
T
Failed to compile
./src/components/ImageSlider.jsx
Line 8:20: Parsing error: Unexpected token
6 | state = {
7 | count: 0,
> 8 | images = [
| ^
9 | '../img/ImageFirst.jpg',
10 | '../img/ImageSecond.jpg',
11 | '../img/ImageThree.jpg',
./src/components/ImageSlider.jsx
Line 8:20: Parsing error: Unexpected token
6 | state = {
7 | count: 0,
> 8 | images = [
| ^
9 | '../img/ImageFirst.jpg',
10 | '../img/ImageSecond.jpg',
11 | '../img/ImageThree.jpg',
Так не равно а :
C
Так не равно а :
ошибка все равно пишет
T
C
исправил
C
const { images } = this.state;
return <div>
{
images.map((src, i) => <img src={src} key={src+i}/>)
}
</div>
return <div>
{
images.map((src, i) => <img src={src} key={src+i}/>)
}
</div>
это в конструкторе писать, а потом пути как пистаь
T
В рендере
T
Пути находятся в images
T
Я их оттуда и извлекаю