1：创建react项目
npx create-react-app react-basic
2：jsx
含义：是javascript和xml（html）的缩写，表示在js代码中编写html模版结构，是react中编写UI模版的方式。
优势：（1）HTML的声明式模版写法；（2）js的可编程能力
本质：jsx并不是标准的js语法，是js的扩展语法，浏览器本身不能识别，需要通过解析工具（babel）解析之后才能在浏览器中运行。
-
jsx中可以使用大括号{}来识别javascript中的表达式，比如常见的变量，函数调用，方法调用等。
-
jsx中列表渲染需要使用数组的map方法
{list.map(item=>- {item.name}
)}
- jsx中的条件渲染:可以通过逻辑与运算符&&或者三目运算符（？：）来实现基础的条件渲染
{flag&&如果falg为true，就会展示这个内容}
{loading?Loading.....:加载完成。}
- jsx中的复杂条件渲染:自定义函数+if判断
{getArticleTemp()}
function getArticleTemp(){
if(articleTemp === 0){
return 无图模式
}else if(articleTemp === 1){
return 单图模式
}else {
return 多图模式
}
}
【信息由网络或者个人提供，如有涉及版权请联系COOY资源网邮箱处理】
© 版权声明
本平台（www.cooy.cn）的一切软件、教程及内容信息仅限用于学习和研究，付费仅为收集整理归类费用；
不得将上述内容用于商业或者非法用途，否则一切后果用户自行承担负责。本平台资源、内容、信息均来自来自用户上传，版权争议及其他问题与本平台无关。
您必须在下载后的24个小时之内从您的电脑或手机中彻底删除上述下载内容，如果您喜欢该程序或内容，请支持正版以获取更好的服务。我们非常重视版权问题，如有侵权请发送邮件至下方邮件（655465@qq.com），敬请谅解！
如发现违法违规内容，请联系下方邮箱举报，我们收到后将会第一时间处理。
THE END
暂无评论内容