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>);}