为了账号安全,请及时绑定邮箱和手机立即绑定

React中refs有时候用有时候有不用的区别

React中refs有时候用有时候有不用的区别

POPMUISE 2019-03-16 15:19:20
<textarea value={this.state.content} ref={(textarea)=>this.textarea=textarea} onChange={this.bandleContentChange.bind(this)}/>componentDidMount(){        this.refs.textarea.focus()}上面是我react组件的代码片段,现在有个疑问是ref={(textarea)=>this.textarea=textarea}我DidMount里如果写为this.textarea.focus()编译就没问题,但是我写为上面这种方式就提示Cannot read property 'focus' of undefined,问题是这里为什么没有refs?this.reds.XXXX,不都是这种形式吗?我在babel中编译的时候React.createElement("textarea", { value: undefined.state.content, ref: function ref(textarea) {return undefined.textarea = textarea;}, onChange: undefined.bandleContentChange.bind(undefined) });得到的是这个,其他的不用管,因为是代码片段所以显示的不正常,但是本机测试是没问题的。
查看完整描述

1 回答

  • 1 回答
  • 0 关注
  • 439 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信