set state doesn't work in function

Question

I have a function for set my states but it doesn't work correctly.

this is my function,

checkAnswer() {
  this.setState({
    isDropdownShown: false
  });
}

and i'm calling like this,

renderAnswers(answer, idx) {
  return (
    <li
      key={idx}
      className={styles.questionDropdownItem}
      onClick={() => this.checkAnswer(answer)}
    >
      {answer.title}
    </li>
  );
}

From His Comment:

I'm calling renderAnswers method in render like this:

{question.answers.map(this.renderAnswers)}

I'm try everything like shouldComponentUpdate but it doesn't work.

Can you show your entire component? There are some important parts missing. — Hunter McMillen, Aug 15 '17 at 18:06
i'm calling in render method like this, {question.answers.map(this.renderAnswers)} — Ugurcan Omur, Aug 15 '17 at 18:08
`this.setState({ isDropdownShown: false }, () => console.log(this.state.isDropdownShown);` what does this say? — Nocebo, Aug 15 '17 at 18:08
@UgurcanOmur Please edit your post to contain the entire component. — Hunter McMillen, Aug 15 '17 at 18:11

score 1 · Answer 1 · answered Aug 15 '17 at 18:15

1

{question.answers.map(this.renderAnswers)}

should be

{question.answers.map(this.renderAnswers, this)}

or

{question.answers.map((answer, i) => this.renderAnswers(answer, i))}

Your first example will call the renderAnswers function with no this value because.maphas no way to know whatthis` you'd want.

answered Aug 15 '17 at 18:15

loganfsmyth

156,129
30
331
251

i think it a duplicate of [**this one**](https://stackoverflow.com/questions/43568344/typeerror-cannot-read-property-function-name-of-undefined-when-binding-onclic) correct? – Mayank Shukla Aug 15 '17 at 18:17
1

Yeah good call. – loganfsmyth Aug 15 '17 at 18:17

set state doesn't work in function

1 Answers1