2021年3月3日
react -- 组件生命周期方法
摘要： 1 <div id="root"></div> 2 <script type="text/babel"> 3 class Increase extends React.Component{ 4 // 生命周期方法，在组件最开始，数据初始化的时候执行，只执行一次 5 constructor(props 阅读全文
posted @ 2021-03-03 16:13 鱼胖胖 阅读(87) 评论(0) 推荐(0)
react -- ref操作元素，上传文件
摘要： 1，ref操作元素 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1. 阅读全文
posted @ 2021-03-03 15:50 鱼胖胖 阅读(266) 评论(0) 推荐(0)
react -- 模块化开发，组件传值
摘要： 1 let iNum = 10; 2 let sTr = 'Hello,React!'; 3 let oPerson = {name:'jack',age:18}; 4 // 名称导出,可以写多个 5 export { iNum,sTr } 6 export { oPerson }; 7 // 默认 阅读全文
posted @ 2021-03-03 15:35 鱼胖胖 阅读(89) 评论(0) 推荐(0)
2021年3月2日
react -- 列表渲染，条件渲染，表单数据绑定
摘要： 1，列表渲染 1 <div id="root"></div> 2 <script type="text/babel"> 3 let aList = ['1111','2222','3333','4444']; 4 let oJsx = ( 5 <ul> 6 { 7 /* 8 aList.map(fu 阅读全文
posted @ 2021-03-02 17:08 鱼胖胖 阅读(224) 评论(0) 推荐(0)
react -- es6语法
摘要： 1，es6新增数组方法 1 // 一： 通过map方法遍历数组 2 let aList = ['a','b','c','d']; 3 // 匿名函数的第一个参数是数组成员的值，第二个参数是成员的索引值 4 aList.map(function(item,index){ 5 alert( index 阅读全文
posted @ 2021-03-02 16:26 鱼胖胖 阅读(107) 评论(0) 推荐(0)
react -- 组件状态 点击按钮递增
摘要： 1，组件状态 点击按钮递增 1 //定义一个显示一个数组和一个按钮的类组件 2 class Increase extends React.Component{ 3 constructor(props){ 4 // 通过super继承props属性 5 super(props); 6 // 组件自己的 阅读全文
posted @ 2021-03-02 15:07 鱼胖胖 阅读(301) 评论(0) 推荐(0)
react入门---从菜鸡到菜鸟
摘要： 1 // react核心js库 2 <script src="js/react.development.js"></script> 3 <script src="js/react-dom.development.js"></script> 4 // 负责翻译es6语法和react语法的js库 5 6 阅读全文
posted @ 2021-03-02 10:46 鱼胖胖 阅读(93) 评论(0) 推荐(0)