随笔分类 -  react

react学习笔记
使用 ant-design/pro-table
摘要：1.使用pro-table如果没有任何配置项，那么table会自动在表格上部根据你的表格列生成一个查询表单。如果不需要只需设置属性search = false; 如果只是某一项在这里有查询，那么只需要在columns该项中设置hideInSearch:true即可。 2.beforeSearchSu 阅读全文
posted @ 2023-08-10 10:05 白日梦想家er 阅读(1054) 评论(0) 推荐(0)
e.target.value理解
摘要：每次触发DOM事件时会产生一个事件对象（也称event对象），此处的参数e接收事件对象。而事件对象也有很多属性和方法，其中target属性是获取触发事件对象的目标，也就是绑定事件的元素，e.target表示该DOM元素，然后在获取其相应的属性值。 $('.target1').change(funct 阅读全文
posted @ 2022-09-05 14:37 白日梦想家er 阅读(152) 评论(0) 推荐(0)
react生命周期
摘要：react生命周期分为三种状态 1. 初始化 2. 更新 3. 销毁 初始化 1.getDefaultProps() 设置默认的props，也可以用dufaultProps设置组件的默认属性。 2.getInitialState() 在使用es6的class语法时是没有这个钩子函数的，可以直接在co 阅读全文
posted @ 2022-09-02 11:07 白日梦想家er 阅读(59) 评论(0) 推荐(0)
React中祖孙组件嵌套传值
摘要：###想要通过祖级直接传给孙级，先在 这边定义； ###后在引用时直接使用父级即可直接获取到祖级的值 阅读全文
posted @ 2022-07-19 09:34 白日梦想家er 阅读(40) 评论(0) 推荐(0)
record简记
摘要：record是dataSourcetree循环出来的每一行的数据，然后你取了某些值作为rowkey或者其他用途。 未完待续 阅读全文
posted @ 2022-07-19 09:26 白日梦想家er 阅读(43) 评论(0) 推荐(0)
React中的Connect实现与原理
摘要：export default connect(mapStateToProps, mapDispatchToProps)(PartnerHeader); ###作用：连接React组件与Redux Store ####mapStateToProps:允许我们将store中的数据作为props绑定到组件 阅读全文
posted @ 2022-07-05 15:55 白日梦想家er 阅读(141) 评论(0) 推荐(0)
react项目简记(state和setState)
摘要：###state():初始化状态(私以为类似于调用变量前声明变量) 未完待续 状态(state)即数据，是组件内部的私有数据，只能在组件内部使用； state的值是对象，可以通过this.state来获取状态 visible={this.state.visible} ###setState():修改 阅读全文
posted @ 2022-07-05 14:53 白日梦想家er 阅读(44) 评论(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 阅读(383) 评论(0) 推荐(0)
react笔记05
摘要：元素渲染 元素是构成React应用的最小砖块 元素描述了你在屏幕上想看到的内容。 const element = <h1>hello,world</h1>; 与浏览器的DOM元素不同，React元素是创建开销极小的普通对象。React DOM会负责更新DOM来与React元素保持一致。 注：组件是由 阅读全文
posted @ 2022-07-04 17:28 白日梦想家er 阅读(55) 评论(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 阅读(34) 评论(0) 推荐(0)
constructor笔记01
摘要：###官网描述：如果不初始化state或不进行方法绑定，则不需要为React组件实现构造函数。 如此只有两种情况需要写constructor ####1.初始化state class Demo extends React.Component { constructor() { super() thi 阅读全文
posted @ 2022-07-04 11:47 白日梦想家er 阅读(49) 评论(0) 推荐(0)
render()笔记
摘要：React中render()的目的是什么？ 每个React组件都必须有一个render()，它返回一个React元素，它是原生DOM组件的表示方式。 如果需要渲染多个HTML元素，则必须将它们组合在一个封闭标签中，例如<form>、<group>、<div>等。次函数必须保持纯洁，即每次调用时必须返 阅读全文
posted @ 2022-07-04 09:25 白日梦想家er 阅读(154) 评论(0) 推荐(0)
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 阅读(54) 评论(0) 推荐(0)
react笔记03
摘要：状态提升 当遇到需要同时获取多个子组件数据，或者两个组件之间需要相互通讯的情况时，需要把子组件的state数据提升至共同的父组件中保存。之后父组件可以通过props将状态数据传递到子组件当中。这样应用当中所有组件的状态数据就能够更方便地同步共享了。 为Board组件添加构造函数，将Board组件的初 阅读全文
posted @ 2022-07-01 17:31 白日梦想家er 阅读(51) 评论(0) 推荐(0)
react笔记02
摘要：通过在React组件的构造函数中设置this.state来初始化state。this.state应该被视为一个组件的私有属性。在this.state中存储当前每个方格(Square)的值，并且在每次方格被点击的时候改变这个值。 class Square extends React.Component 阅读全文
posted @ 2022-07-01 16:17 白日梦想家er 阅读(39) 评论(0) 推荐(0)