当前位置： 移动技术网 > IT编程>开发语言>JavaScript > JSX的一些语法细节

JSX的一些语法细节

2020年07月14日  | 移动技术网IT编程  | 我要评论

文章目录

注释的两种写法

 {/* 下面是一个input框*/}

	{
       //这也是一个注释
    }

注意下面一种写法的后面一个括号必须换换行

在用css类选择器时，用className代替class

这是因为js会把class解成类名，如果直接用class的话会报如下错误

在这里插入图片描述

应该这样写

  <input className='input' type="text"  />

dangerouslySetInnerHTML转义功能

   <ul>
          {
            this.state.list.map((item,index)=>{
              return <li 
              key={index} onClick=		 {this.delete_li.bind(this,index)}
              dangerouslySetInnerHTML={{__html:item}}
              >
             
                </li>
            })
          }

在这里插入图片描述
在这里插入图片描述

label的for标签要用htmlfor代替

如果这么写

label for="insertArea">输入</label>

就会报错
在这里插入图片描述
应该这么写，原因是js的for有for循环的意思

  <label htmlFor="insertArea">输入</label>

本文地址：https://blog.csdn.net/weixin_43342105/article/details/107294506

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网