React使用label标签for属性报错

需求描述：点击标题文字直接激活input文本框，输入文字

代码实现：

render() {return (<div><div>{/* 想点击“点击加入姓名吧”直接可以激活文本框 1. 给input添加id名2. label添加for属性*/}<label for="inputName">点击加入姓名吧</label><br/><br/><input id="inputName" value={this.state.inputValue} onChange={this.inputChange.bind(this)} /><button onClick={this.addList.bind(this)}> 增加姓名 </button></div></div>);}

报错：

解决办法：在react中要使用htmlFor

render() {return (<div><div>{/* 想点击“点击加入姓名吧”直接可以激活文本框 1. 给input添加id名2. 修改label的for属性，使用htmlFor*/}<label htmlFor="inputName">点击加入姓名吧</label><br/><br/><input id="inputName" value={this.state.inputValue} onChange={this.inputChange.bind(this)} /><button onClick={this.addList.bind(this)}> 增加姓名 </button></div></div>);}

React使用label标签for属性报错相关推荐

label标签的属性
//label标签的属性 1 - (void)viewDidLoad { 2 //初始化一个label1标签对象,初始化有很多方法,最原始的就是init,此处用带有frame的方法 3 UILabel ...
react项目在ie11浏览器运行报错Instance method `debug.destroy()` is deprecated and no longer does anything
react项目运行时,ie11浏览器报错:Instance method `debug.destroy()` is deprecated and no longer does anything. It ...
React中使用antd的select报错Unable to preventDefault inside passive event listener invocation.
问题描述报错Unable to preventDefault inside passive event listener invocation. React中使用antd的select报错 Unab ...
vue渲染时数据对象里面的子对象的属性报错undefined，但页面正常渲染
vue渲染时数据对象里面的子对象的属性报错undefined,但页面正常渲染. 报如图所示错误页面中报错的位置原因是在data中申明了空对象,页面在渲染的时候,数据还没获取到的时候,首先渲染的是初 ...
label标签for属性修改样式
通过label标签for属性修改样式时,不会立即修改radio和checkbox的checked属性值,需要在radio和checkbox的表单元素上添加新的触发事件来修改checked属性值.变态的 ...
ie8下修改input的type属性报错
摘要: 现在有一个需求如图所示,当用户勾选显示明文复选框时,要以明文显示用户输入的密码,去掉勾选时要变回密文,刚开始想到的就是修改输入框的type来决定显示明文还是密文,使用jQuery的attr来做 ...
【React】【Antd】警告报错：Warning: Function components cannot be given refs. Attempts to access this ref wil
技术栈 React / Ant Design Pro / Ant Design 警告报错 Warning: Function components cannot be given refs. Atte ...
Can't process attribute android:fillColor=@color/gray，添加vector属性报错解决方法
Android studio添加vector属性文件报错 vector属性文件 <vector xmlns:android="http://schemas.android.com/ap ...
创建react项目并启动出现的报错及解决
一.预备知识:npm (也可以用yarn,本文以npm为例) npm介绍全称为Node Package Manager,是随同NodeJS一起安装的包管理工具. 允许用户从NPM服务器下载别人编写的 ...

React使用label标签for属性报错

React使用label标签for属性报错

React使用label标签for属性报错相关推荐

最新文章

热门文章