UpdateView.jsx:71 Uncaught TypeError: Cannot read properties of undefined (reading 'title')

Question

during the editing of blog data when I use value={post.title}, it is running successfully but after I refresh the whole code got disrupted. don't know why

      <img className={classes.image} src={url} alt="banner" />
      <FormControl className={classes.form}>
        <AddCircle fontSize="large" color="action" />
        <InputBase
          placeholder="Title"
          value={post.title}
          className={classes.textField}
        />
        <Button variant="contained" color="primary">
          Update
        </Button>
      </FormControl>
      <TextareaAutosize
        rowsMin={5}
        placeholder="Tell your story"
        className={classes.textarea}
        value={post.description}
      />
    </Box>````

Your post is undefined, just add a guard and it will work fine. (propably its undefined cause it takes some time to fetch and you initialize it on first render) — Damian Busz, Mar 17 '22 at 19:20

score 0 · Answer 1 · answered Mar 17 '22 at 19:30

0

After refreshing the page the post is getting undefined... To resolve this you have to use ternary operator for value..

value =  {post ? post.title : ""}

answered Mar 17 '22 at 19:30

saddam

176
2
8

UpdateView.jsx:71 Uncaught TypeError: Cannot read properties of undefined (reading 'title')

1 Answers1