Currently, I am facing an issue with a simple map function in React that is supposed to create a set amount of times.
{times.map((time) => (
<Pill value={time} handleTimes={handleTimes} key={time} />
))}
The error being thrown is:
TypeError: times.map is not a function
When I check the array using console.log, it looks like this:
...
const [times, setTimes] = useState([]);
...
console.log("times: ",times,"keys: ",times[0])
times: ["09:00 AM","12:00 PM","03:00 PM"] keys: [
The function used for handling times for pills is as follows:
const handleTimes = (time, mode) => {
let updatedTimes = times;
if (mode === 'remove') {
updatedTimes = times.filter((elem) => elem !== time);
} else if (!updatedTimes.includes(time)) updatedTimes = [...times, time];
setTimes(updatedTimes);
};
It seems like the data coming in is being treated as a string instead of an array. How can I convert it into an array?
console.log(typeof times, times)
string ["09:00 AM","12:00 PM","03:00 PM"]