怎么处理label的htmlFor的id属性

#1

最近在学习react,通过react,写组件,但出现了这样一个问题!需要写一个性别选择器!这其中使用到的for标签和id标签,那么问题来了,for标签需要input标签的id属性,可以用htmlfor来处理,但是如果一个页面是引用这个组件多次怎么破,那么id在页面上就会重复了!他就永远指向第一个!

#2

你给这个组件加一个props存储label需要关联的id就行了

<label htmlFor={this.props.forId}></label>