react中this.refs['title']报错title未定义

最新推荐文章于 2025-05-24 23:29:23 发布

youyou_LIN

最新推荐文章于 2025-05-24 23:29:23 发布

阅读量1.2k

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/youyou_LIN/article/details/79684387

本文介绍了一个JavaScript中处理表单提交的例子，探讨了如何使用Refs来获取表单元素的值，并解释了为什么需要使用bind(this)来确保正确的上下文指向。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

原例：

handleForm(e){
        e.preventDefault();
        console.log(this.refs['title'].value)
        const newQuestion = {
            title: this.refs['title'].value,
            voteCount: 0,
        }
    }

<form ref="addQuestionForm" onSubmit={this.handleForm.bind(this)}>
     <div className="form-group"> 
         <input ref="title" />
     </div>
</form>