react学习笔记

1. Jsx语法

在html中属性的值通过双引号（字符串数据）或者大括号（表达式）

//双引号
const a = ![](1.jpg)

//大括号
const x = "1.jpg"
const a = <img src={x} /> //有子元素的情况，都只能包含在同一个元素内，与vue语法保持一致 const a = (  <div>  <h1>标题</h1> <span>gogogo</span>  </div> )

注意：react对于jsx中的变量都会进行转义，以免xss攻击

2. 渲染DOM

通过reactDOM.render方法来渲染dom节点，并且react元素一旦创建就是不可变的，唯一的办法就是重新创建个新的元素然后重新通过ReacDOM.render去渲染，就是这么cool！

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!