mikumikugo

useEffect

摘要：在函数式组件里面使用useEffect（）可以实现在类式组件里面的生命周期的效果使用： useEffect(()=>{},[])第一个参数是一个回调函数，在里面编写要进行的操作，第二个参数是依赖，如果数组为空，说明不依赖于任何的状态，回调函数里面的操作只会在初始化时执行一次，后续状态更新不会执行里阅读全文

posted @ 2022-02-16 20:46 mikumikugo 阅读(351) 评论(0) 推荐(0)

useState()

摘要：函数式组件通过使用useState()可以创建自己的状态使用： 1、首先从React中引入useState 2、const [state,setState] = useState(initialState)，useState的返回值是一个数组，包含两个值，第一个是所定义的状态，第二个是设置状态的函阅读全文

posted @ 2022-02-16 17:56 mikumikugo 阅读(943) 评论(0) 推荐(0)

react-生命周期

摘要：组件生命周期大体上分为三个阶段：1.组件初始化2.组件更新3.组件卸载旧版生命周期一、 componentWillMount() render() componentDidMount() 二、 componentWillReceiveProps(nextProps) shouldComponen 阅读全文

posted @ 2022-02-16 11:33 mikumikugo 阅读(38) 评论(0) 推荐(0)

react-插槽

摘要：在React中也有插槽技术类似普通的HTML双标签,React组件也可以写成双标签的形式，并在标签之间插入内容 class Demo extends React.Component { render(){ return <div> <Child> <li>列表1</li> <li>列表2</li> 阅读全文

posted @ 2022-02-16 10:02 mikumikugo 阅读(258) 评论(0) 推荐(0)

react-发布订阅

摘要：使用发布订阅需要下载并引入一个库 npm i pubsub-js import Pubsub from 'pubsub-js' 发布 Pubsub.publish('message',data) 第一个参数是发布的消息的名称，用于与订阅者相匹配，第二个参数可以是数据，也可以是一个回调函数订阅 Pu 阅读全文

posted @ 2022-02-14 22:11 mikumikugo 阅读(292) 评论(0) 推荐(0)

react-受控组件与非受控组件

摘要：区分受控组件与非受控组件的标志是组件中的input等表单元素的值的来源与去向是否受到组件状态的影响，如果受到状态的影响，则称为受控组件，反之为非受控组件狭义的受控组件：针对于表单控件而言，表单控件的value值受状态的控制，并且会影响到状态受控组件 class Demo extends Reac 阅读全文

posted @ 2022-02-13 22:56 mikumikugo 阅读(51) 评论(0) 推荐(0)

react属性-refs

摘要：一、react的ref属性用于选中元素标签，继而对元素节点进行操作 1、字符串形式的ref(已被弃用) class Demo extendss React.Component { state{ name:'大明', age:18 } changeName= ()=>{ this.setState{ 阅读全文

posted @ 2022-02-12 23:27 mikumikugo 阅读(59) 评论(0) 推荐(0)

react-props

摘要：一，类式组件使用props props属性用于给组件传递参数，且是只读属性使用： class Demo extends React.Component{ render(){ const {name,age}=this.props return <div> <p>我的名字是{name}，我今年{a 阅读全文

posted @ 2022-02-11 22:32 mikumikugo 阅读(34) 评论(0) 推荐(0)

react属性state

摘要： 1、在类里面，可以定义构造函数 class Demo { constructor(name,age){ this.name=name this.age=age } 一般方法（在类的原型对象上） class Demo { constructor(name,age){ this.name=name t 阅读全文

posted @ 2022-02-10 21:56 mikumikugo 阅读(32) 评论(0) 推荐(0)

react类式组件

摘要：一、类知识回顾 class是es6新增的用于创建对象模板的关键字创建一个类 //类名首字母要大写 class Person { //当创建一个没有继承任何父类的类时，需要编写constructor函数来为类的实例对象添加属性 constructor(name,age){ this.name=nam 阅读全文

posted @ 2022-02-09 19:22 mikumikugo 阅读(244) 评论(0) 推荐(0)

公告