![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react
我吃榴莲
永远别放弃自己,哪怕所有人都放弃了你
展开
-
react的生命周期
常用图示完整图示React组件的生命周期可以分为3种状态。创建时更新时卸载时import React, { Component } from 'react'/* 生命周期函数 */export default class App extends Component { state = { num: 0 } constructor(props) { super(props) console.log("1.进入到构造函数中"); /原创 2020-09-10 11:50:36 · 155 阅读 · 0 评论 -
react之props实现组件之间的通信
通过props属性传值有以下几种父传子 通过属性子传父 通过事件兄弟间传值 先传给父再传给兄弟父传子父传子时通过props苏醒import React, { Component } from 'react'//子组件class Child extends Component { render() { return ( <div> <h1>父亲传过来的信息:{this.props.title}</h1>原创 2020-09-08 21:21:43 · 179 阅读 · 0 评论 -
React的组件创建
组件的创建在react中,组件分为两种,类组件 和 函数式组件简单的共呢个使用 函数式组件复杂功能使用 类组件组件名首字母都必须大写类组件使用es6创建的方式实现一个组件首字母大写要继承 React中的Component类必须实现render函数,函数内返回标签组件有自己的state和生命周期import React, { Component } from 'react'export default class ClassComponent extends Componen原创 2020-09-08 11:19:08 · 84 阅读 · 0 评论 -
react 之jsx的表达式
import React, { Component } from 'react'let str = "Hello World";let obj = { name: "Karl", age: 19}let arr = [1, <a target="_blank" href="https://www.baidu.com">这里是超链接a标签</a>, "哈哈"]let bool = true;export default class Expression ext原创 2020-09-07 19:45:28 · 194 阅读 · 0 评论 -
创建react的项目
React介绍react、vue、angular俗称前端框架三驾马车React 起源于 Facebook 的内部项目,因为该公司对市场上所有 JavaScript MVC 框架,都不满意,就决定自己写一套,用来架设 Instagram 的网站。做出来以后,发现这套东西很好用,就在2013年5月开源了React 是一个用于构建用户界面的 JAVASCRIPT 库。React主要用于构建UI,很多人认为 React 是 MVC 中的 V(视图)react 和 vue 的区别原创 2020-09-07 19:37:15 · 121 阅读 · 0 评论