TypeError: setCurrentId is not a function

[mesushant13]

TypeError: setCurrentId is not a function onClick E:/project1/client/src/components/Posts/Post/Post.js:23 20 | <Button 21 | style={{ color: 'white' }} 22 | size="small"

23 | onClick={() => setCurrentId(post._id)}><MoreHorizIcon fontSize="default" /></Button> | ^ 24 | 25 | <div className={classes.details}> 26 | <Typography variant="body2" color="textSecondary">{post.tags.map((tag) => #${tag} )}</Typography>

[ram-kp]

even i am facing the same exact problem. have you found the solution. i would be grateful if you share.

[mesushant13]

yeah I found it it's just a bracket issue

On Thu, Jul 1, 2021 at 12:32 PM ram pandey @.***> wrote:

even i am facing the same exact problem. have you found the solution. i would be grateful if you share.

— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub https://github.com/adrianhajdin/project_mern_memories/issues/46#issuecomment-871980455, or unsubscribe https://github.com/notifications/unsubscribe-auth/ALHFB4UJYUXRSP6SHNBDEZDTVQHH7ANCNFSM47BYSUGQ .

[syedasifali548]

@mesushant13 Have you found that issue? tell me plzz

[ashxmaker]

In clear() function of client/src/components/Form/Form.js

const clear = () => { setCurrentId = 0; //<==========Solution setPostData({ creator: "", title: "", message: "", tags: "", selectedFile: "", }); };

[Hyman1993]

I am facing the same problem. finally I just found that I made a mistake. {} => [] it's const [currentId, setCurrentId] = useState(0); not const {currentId, setCurrentId} = useState(0);

[MatinT-SA]

You need to pass the props to other components inside the curly braces => {} Something like this: const Posts = ({ setCurrentId }) => { // Our Code.... }

If you forget to type those curly braces there, you'll face the same error I was getting :)

[GuyTdev]

TypeError: setCurrentId is not a function onClick E:/project1/client/src/components/Posts/Post/Post.js:23 20 | <Button 21 | style={{ color: 'white' }} 22 | size="small"

23 | onClick={() => setCurrentId(post._id)}> | ^ 24 | 25 | 26 | {post.tags.map((tag) => #${tag} )}

make sure you pass the right setCurrentId as an argument from App.js and from Posts.js: I also had the same issue-> the problem was that I misspelled setCurrentId(I forgot a 't'. I wrote setCurrenId instead of setCurrentId) in App.js. It took some time to catch that, hope it will help somebody

[PamelaCaguana]

I am getting TypeError: a.map is not a function it points to map() this in the code and I cannot figure what I am doing wrong. Please help. I just finished part 3. Thank you!

client/components/Posts/Posts.js import React from 'react'; import { Grid, CircularProgress } from '@material-ui/core'; import { useSelector } from 'react-redux'; import Post from './Post/Post'; import useStyles from './styles';

const Posts = ({ setCurrentId }) => { const posts = useSelector((state) => state.posts); const classes = useStyles();

return ( !posts.length ? <CircularProgress /> : ( <Grid className={classes.container} container alignItems="stretch" spacing={2}> {posts?.map((post) => ( <Grid key={post._id} item xs={12} sm={12} md={6} lg={3}> <Post post={post} setCurrentId={setCurrentId} /> </Grid> ))} </Grid> ) ); };

export default Posts;

[MatinT-SA]

@PamelaCaguana I think you need to destructure the posts like this: const { posts } = useSelector((state) => state.posts);

[GuyTdev]

I am getting TypeError: a.map is not a function it points to map() this in the code and I cannot figure what I am doing wrong. Please help. I just finished part 3. Thank you!

client/components/Posts/Posts.js import React from 'react'; import { Grid, CircularProgress } from '@material-ui/core'; import { useSelector } from 'react-redux'; import Post from './Post/Post'; import useStyles from './styles';

const Posts = ({ setCurrentId }) => { const posts = useSelector((state) => state.posts); const classes = useStyles();

return ( !posts.length ? : ( {posts?.map((post) => ( ))} ) ); };

export default Posts;

Try to replace this line: return ( !posts.length ? : ( {posts?.map((post) => ( ))} )

with-> return ( !posts.length ? : ( {posts.map((post) => ( ))} )

[PamelaCaguana]

With both servers not running locally, the front end doesn't treat my data as an array and map() is an array method. Since my posts are not loading properly the site breaks. I'm going to continue on. I tried both suggestions but they didn't do it for my particular repo.

Thank you for your help!