在REACT refs属性的学习过程当中出现了这样的错误
<script type="text/babel">
class Demo extends React.Component{
//展示左侧输入框的数据
showData = ()=>{
}
showData2 = ()=>{
}
render(){
return(
<div>
<input ref={()=>{console.log(9999999)}} type="text" placeholder="点击按钮提示数据"/>
<button onClick={this.showData}> 点我提示左侧数据</button>
<!--<input onBlur={this.showData2} type="text" placeholder="失去焦点提示数据"/> -->
</div>
)
}
}
ReactDOM.render(<Demo/>,document.getElementById('test'))
</script>
网页出现错误
错误原因:在这个学习中我用HTML的注释方法把下面这一行这样注释掉了
<!--<input onBlur={this.showData2} type="text" placeholder="失去焦点提示数据"/> -->
直接删除之后便成功运行
因为这种注释方法在jsx里面属于意外标记