خطأ this.setState is not a function في React؟

هل قمت بعمل bind لthis

عن طريق اضافة الكود التالي:

constructor(props) {
    super(props)
	this.changeContent = this.changeContent.bind(this)
}

يجب عليك عمل bind مثلما قال الأخ عبدالله

لكن إذا كان الأمر ليس واضحاً لك وأيضاً تريد إختصار الكود وجعله أسهل يمكنك استخدام دالة السهم arrow function لكي تتجنب استخدام bind

يمكنك تغيير الكود السابق الى هذا الشكل

import React from 'react'

class Content extends React.Component {
  constructor(props) {
    super(props)
    this.state = {content: ''}
  }

  changeContent = (e)=> {						// دالة السهم
    this.setState({content: e.target.value})	//Arrow Function
  } 

  render() {
    return (
      <div>
        Title: 
        <input type="text" value={this.content} 
          onChange={this.changeContent} />
      </div>
    )
  }
}

export default Content