How to declare variable inside react function?

Question

I'm having some difficulty setting variables inside my handleSubmit function. this.props.posts is an array of objects coming from redux. I simply want to grab a single post object that matches with the id of the prop I passed in. I think my confusion lies in not quite understanding what I'm actually supposed to be returning here. Any clarification would be appreciated. Thanks!

handleSubmit = (e) => {
e.preventDefault()
const  post  = 
  this.props.posts.map((el, i) => {
    if (el.id === this.props.id) {
      return el
    }
  })
console.log(post)
this.props.dispatch(updatePost(this.state.post))
this.props.closeForm()
}

tlm · Accepted Answer · 2018-09-23 19:27:00Z

1

Array.prototype.map isn't what you're looking for. You should use the Array.prototype.find() method to locate the object by id.

const  post  = this.props.posts.find(el => el.id === this.props.id)

or something like that.

answered Sep 23, 2018 at 19:27

tlm

1,02211 silver badges21 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

user4396386 Over a year ago

Worked perfectly. Thanks!

Collectives™ on Stack Overflow

How to declare variable inside react function?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related