欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

JSX的一些语法细节

程序员文章站 2022-07-02 23:02:11
文章目录注释的两种写法在用css类选择器时,用className代替classdangerouslySetInnerHTML转义功能label的for标签要用htmlfor代替注释的两种写法 {/* 下面是一个input框*/}{ //这也是一个注释 }注意下面一种写法的后面一个括号必须换换行在用css类选择器时,用className代替class这是因为js会把class解成类名,如果直接用class的话会报如下错误应该这样写

注释的两种写法

 {/* 下面是一个input框*/}
	{
       //这也是一个注释
    }

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

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

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

JSX的一些语法细节

应该这样写

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

JSX的一些语法细节
JSX的一些语法细节

label的for标签要用htmlfor代替

如果这么写

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

就会报错
JSX的一些语法细节
应该这么写,原因是js的for有for循环的意思

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

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