小tip:label-for以及dangerouslySetInnerHTML

<Fragment>
        <div>
          <label htmlFor="insertArea">input value</label>
          <input 
            value={this.state.inputValue}
            id="insertArea"
            className='input'
            onChange={this.handleInputChange.bind(this)}/>
          <button onClick={this.handleBtnClick.bind(this)}>submit</button>
        </div>
        <ul>
          {
            this.state.list.map((item, index) => {
              return <li key={index} 
                         onClick={this.handleItemDelete.bind(this, index)}
                         dangerouslySetInnerHTML={{__html: item}}
                     >                      
                     </li>
            })
          }
        </ul>
      </Fragment>

label中的聚焦使用,htmlFor(id)
dangerouslySetInnerHTML,网页显示语义化标签

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 浏览器与服务器的基本概念 浏览器(安装在电脑里面的一个软件) 作用: ①将网页内容渲染呈现给用户查看。 ②让用户通...
    云还灬阅读 1,167评论 0 0
  • html是什么:超文本标记语言 html的唯一作用就是:给指定的文本添加语义。 html的标准格式: <!DOCT...
    Lins7阅读 1,035评论 0 2
  • 脑图复习 Html和CSS的关系 学习web前端开发基础技术需要掌握:HTML、CSS、JavaScript语言。...
    朝南而行_阅读 12,269评论 1 9
  • 1、Doctype作用?严格模式与混杂模式如何区分?它们有何意义?答:作用是告诉的html使用的那个版本的html...
    西安小哥阅读 485评论 0 5
  • 有一种记忆叫珍藏,有一种味道叫思念。 每年的九月,乡下老家,家家户户、前前后后的时间里都要在自家的菜地里撒上萝卜籽...
    哈喽哈喽小猪熊阅读 442评论 5 6