摘要: 如果要渲染一组数据,应该使用数组的map()方法 注意:渲染列表时应该添加key属性,key属性的值要保证唯一 原则:map()遍历谁,就给谁添加key属性 注意:尽量避免使用索引号作为key //1. 导入react import React from 'react'; import ReactD 阅读全文
posted @ 2021-11-05 18:43 wslfw 阅读(114) 评论(0) 推荐(0)
摘要: 场景:loading效果 条件渲染:根据条件渲染特定的JSX结构 可以使用 if/else 或 三元运算 或 逻辑与运算符 来实现 //1. 导入react import React from 'react'; import ReactDOM from 'react-dom'; /* 条件渲染: * 阅读全文
posted @ 2021-11-05 17:55 wslfw 阅读(153) 评论(0) 推荐(0)
摘要: JSX的基本使用 //1. 导入react import React from 'react'; import ReactDOM from 'react-dom'; // 使用JSX创建react元素 const title = <h1>Hello JSX <span>这是span</span> < 阅读全文
posted @ 2021-11-05 17:53 wslfw 阅读(106) 评论(0) 推荐(0)
摘要: React基本使用 <div id=’root’></div> 1. 引入js文件 <script src="https://unpkg.com/react@16/umd/react.development.js" crossorigin></script> <script src="https:/ 阅读全文
posted @ 2021-11-05 17:28 wslfw 阅读(101) 评论(0) 推荐(0)