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 · 133 阅读 · 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 · 168 阅读 · 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 · 74 阅读 · 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 · 176 阅读 · 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 · 101 阅读 · 0 评论