Uncaught TypeError: undefined is not iterable (cannot read property Symbol(Symbol.iterator)) at Slider (Slider.js:12:1) at renderWithHooks (react-dom.development.js:16305:1) at mount Indeterminate Component

Uncaught TypeError: undefined is not iterable (cannot read property Symbol(Symbol.iterator)) at Slider (Slider.js:12:1) at renderWithHooks (react-dom.development.js:16305:1) at mount Indeterminate Component

Comment

0

import { useEffect, useState } from "react"; import axios from 'axios'; import Carousel from 'react-bootstrap/Carousel'; import './Service.css'; const Slider =() => { let [index , setIndex] = useEffect(0); const [data, setData] = useState([]); useEffect(() => { axios.get('http://localhost:5000/api/slider') .then((res) => { console.log(res.data) setData(res.data.data) }) .catch((err) => { console.log(err) }) }, []) return( <div> <div className="slider"> <img src={data[2]} widht="100%" height={300} /> { data.length > 0 && data.map((imgItem, imgIndex) => { return ( <img src={imgItem} width={10} /> ) }) } </div> </div> ) } export default Slider;

Popularity 2/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: iterable javascript mount slider undefined

Share

Link to this answer
Share Copy Link

Contributed on Sep 15 2022

Malik Bhai

0 Answers  Avg Quality 2/10

---

Closely Related Answers

Uncaught TypeError: undefined is not iterable (cannot read property Symbol(Symbol.iterator)) at Slider (Slider.js:12:1) at renderWithHooks (react-dom.development.js:16305:1) at mount Indeterminate Component

Comment

0

import { useEffect, useState } from "react"; import axios from 'axios'; import Carousel from 'react-bootstrap/Carousel'; import './Service.css'; const Slider =() => { let [index , setIndex] = useEffect(0); const [data, setData] = useState([]); useEffect(() => { axios.get('http://localhost:5000/api/slider') .then((res) => { console.log(res.data) setData(res.data.data) }) .catch((err) => { console.log(err) }) }, []) return( <div> <div className="slider"> <img src={data[2]} widht="100%" height={300} /> { data.length > 0 && data.map((imgItem, imgIndex) => { return ( <img src={imgItem} width={10} /> ) }) } </div> </div> ) } export default Slider;

Popularity 3/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: mount undefined javascript slider iterable

Share

Link to this answer
Share Copy Link

Contributed on Sep 15 2022

Malik Bhai

0 Answers  Avg Quality 2/10

---