白日梦想家er

2022年7月5日

摘要： doBeian(e) { e.preventDefault(); ###定义和用法如果事件是可以取消的，则preventDefault()方法会取消该事件，这意味着属于该事件的默认操作将不会发生。该方法将通知Web浏览器不要执行与事件关联的默认动作(如果存在的话) 阅读全文

posted @ 2022-07-05 11:57 白日梦想家er 阅读(73) 评论(0) 推荐(0) 编辑

ReactDOM.render()函数、条件渲染、列表渲染

摘要： ####ReactDOM.render() function Welcome(props) { return <h1>Hello, {props.name}</h1>; } const element = <Welcome name="dayDreamer" />; ReactDOM.render( 阅读全文

posted @ 2022-07-05 09:43 白日梦想家er 阅读(351) 评论(0) 推荐(0) 编辑

2022年7月4日

react笔记05

摘要：元素渲染元素是构成React应用的最小砖块元素描述了你在屏幕上想看到的内容。 const element = <h1>hello,world</h1>; 与浏览器的DOM元素不同，React元素是创建开销极小的普通对象。React DOM会负责更新DOM来与React元素保持一致。注：组件是由阅读全文

posted @ 2022-07-04 17:28 白日梦想家er 阅读(20) 评论(0) 推荐(0) 编辑

react-DOM

摘要： ####react-dom作用 react-dom是react剥离出的涉及DOM操作的部分。 react的核心思想是虚拟DOM，react包含了生成虚拟DOM的函数react.createElement，及Component类。当我们自己封装组件时，就需要继承Component类，才能使用生命周期函阅读全文

posted @ 2022-07-04 16:28 白日梦想家er 阅读(1120) 评论(0) 推荐(0) 编辑

react笔记04

摘要： const element = <h1>Hello,world!</h1>; 这个有趣的标签语法既不是字符串也不是HTML。它是JSX，是一个js的语法扩展。建议在React中配合使用JSX，JSX可以很好地描述UI应该呈现出它应有交互的本职形式。为什么使用JSX？ React认为渲染逻辑本质上阅读全文

posted @ 2022-07-04 16:00 白日梦想家er 阅读(20) 评论(0) 推荐(0) 编辑

constructor笔记01

摘要： ###官网描述：如果不初始化state或不进行方法绑定，则不需要为React组件实现构造函数。如此只有两种情况需要写constructor ####1.初始化state class Demo extends React.Component { constructor() { super() thi 阅读全文

posted @ 2022-07-04 11:47 白日梦想家er 阅读(22) 评论(0) 推荐(0) 编辑

render()笔记

摘要： React中render()的目的是什么？每个React组件都必须有一个render()，它返回一个React元素，它是原生DOM组件的表示方式。如果需要渲染多个HTML元素，则必须将它们组合在一个封闭标签中，例如<form>、<group>、<div>等。次函数必须保持纯洁，即每次调用时必须返阅读全文

posted @ 2022-07-04 09:25 白日梦想家er 阅读(123) 评论(0) 推荐(0) 编辑

2022年7月3日

react笔记01

摘要： //在Board组件中的renderSqueare方法中，我们将代码改写成下面这样，传递一个名为value的prop到Square中： class Board extends React.Component { renderSquare(i) { return <Square value={i} / 阅读全文

posted @ 2022-07-03 10:39 白日梦想家er 阅读(24) 评论(0) 推荐(0) 编辑

2022年7月1日

Moment.js笔记

摘要： ##用法记录 HH 24小时制 hh 12小时制 moment().format('YYYY-MM-DD HH:mm'); //24小时制 `moment().format('YYYY-MM-DD hh:mm'); //12小时制 ###过去/未来几周/天/季度等 year、month、quarte 阅读全文

posted @ 2022-07-01 19:14 白日梦想家er 阅读(35) 评论(0) 推荐(0) 编辑

react笔记03

摘要：状态提升当遇到需要同时获取多个子组件数据，或者两个组件之间需要相互通讯的情况时，需要把子组件的state数据提升至共同的父组件中保存。之后父组件可以通过props将状态数据传递到子组件当中。这样应用当中所有组件的状态数据就能够更方便地同步共享了。为Board组件添加构造函数，将Board组件的初阅读全文

posted @ 2022-07-01 17:31 白日梦想家er 阅读(22) 评论(0) 推荐(0) 编辑

公告