Adam Ebrahim نشر 21 أبريل 2021 أرسل تقرير مشاركة نشر 21 أبريل 2021 لدي مكون React التالي: import React from 'react' class Content extends React.Component { constructor(props) { super(props) this.state = {content: ''} } changeContent(e) { this.setState({content: e.target.value}) } render() { return ( <div> Title: <input type="text" value={this.content} onChange={this.changeContent} /> </div> ) } } export default Content لكن عند الكتابة في يظهر لي الخطأ: this.setState is not a function اقتباس رابط هذا التعليق شارك على الشبكات الإجتماعية More sharing options...
0 عبدالله نورالدين نشر 21 أبريل 2021 أرسل تقرير مشاركة نشر 21 أبريل 2021 هل قمت بعمل bind لthis عن طريق اضافة الكود التالي: constructor(props) { super(props) this.changeContent = this.changeContent.bind(this) } 1 اقتباس رابط هذا التعليق شارك على الشبكات الإجتماعية More sharing options...
0 عبدالله عبدالرحمن11 نشر 21 أبريل 2021 أرسل تقرير مشاركة نشر 21 أبريل 2021 يجب عليك عمل 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 1 اقتباس رابط هذا التعليق شارك على الشبكات الإجتماعية More sharing options...
السؤال
Adam Ebrahim
لدي مكون React التالي:
لكن عند الكتابة في يظهر لي الخطأ:
this.setState is not a function
رابط هذا التعليق
شارك على الشبكات الإجتماعية
2 أجوبة على هذا السؤال
Recommended Posts
انضم إلى النقاش
يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.