React
shenroom
这个作者很懒,什么都没留下…
展开
-
ytr
什么是React?React是一个JavaScript库 - 最受欢迎的库之一,在GitHub上有超过100,000颗星。React不是一个框架(与Angular不同,它更加自以为是)。React是一个由Facebook创建的开源项目React用于在前端构建用户界面(UI)React是MVC应用程序的视图层(模型视图控制器)React最重...原创 2019-04-03 21:49:49 · 243 阅读 · 0 评论 -
trhyert
什么是React?React是一个JavaScript库 - 最受欢迎的库之一,在GitHub上有超过100,000颗星。React不是一个框架(与Angular不同,它更加自以为是)。React是一个由Facebook创建的开源项目React用于在前端构建用户界面(UI)React是MVC应用程序的视图层(模型视图控制器)React最重...原创 2019-04-03 21:50:16 · 193 阅读 · 0 评论 -
react基础01 React使用和JSX语法
什么是React? React是一个JavaScript库 用于在前端构建用户界面(UI) React是MVC应用程序的视图层(模型视图控制器) React最重要的一个方面是,您可以创建组件(类似于自定义,可重用的HTML元素),以快速有效地构建用户界面。React还使用状态和道具简化了数据的存储和处理方式设置安装 此方法不是设置Reactd的流行方法...原创 2019-03-31 13:18:30 · 545 阅读 · 0 评论 -
react基础02-组件及props
React组件 从概念上讲,组件就像JavaScript函数。它们接受任意输入(props)并返回描述屏幕上应显示内容的React元素。定义组件 定义组件的最简单方法是编写JavaScript函数:function Welcome(props) { return <h1>Hello, {props.name}</h1>;}...原创 2019-03-31 13:19:16 · 406 阅读 · 0 评论 -
react基础03-状态state
React状态 React的状态一般要先在构造函数中进行初始化声明。 constructor(props) { super(props); //初始化状态,将所有的状态都放到下面的state对象里面 this.state = { date: new Date() .... }; }React的状态的修...原创 2019-03-31 13:19:44 · 404 阅读 · 0 评论 -
react基础04-ref
React ref(慎用)React ref与vue中的ref使用相似 React支持可以附加到任何组件的特殊属性。该ref属性可以是由React.createRef()函数或回调函数创建的对象,也可以是字符串(在旧API中)。当ref属性是回调函数时,函数接收底层DOM元素或类实例(取决于元素的类型)作为其参数。这允许您直接访问DOM元素或组件实例。 React....原创 2019-03-31 13:20:11 · 447 阅读 · 0 评论 -
react基础05-生命周期
React组件从创建到销毁,要经历四个阶段初始化阶段: 组件被创建时,会执行下面的钩子函数constrctor()static getDwecedStateFromProps()conmonentWillUnmount() / UNSAFE_componentWillMount()componentDidMount()render()此阶段开发中常用的钩子:...原创 2019-03-31 13:20:41 · 422 阅读 · 0 评论 -
react-虚拟Dom
虚拟DOM和Diff算法时React里面非常核心的两个概念,我们需要有一个全面的认识,这对于后面使用脚手架开发项目,尤其是企业中前后端分离的项目有很大的帮助虚拟DOM内部执行流程1).用JavaScript对象结构表示DON树的结构,然后用这个树结构建一个真正的DOM树,插入到文档中2).当状态变更时,重新构造一颗新的对象树,然后用新的树结构和旧的树结构进行对比...原创 2019-03-31 13:21:11 · 200 阅读 · 0 评论 -
react基础06-diff算法和虚拟DOM
虚拟DOM和Diff算法是React里面非常核心的两个概念,我们需要有一个全面的认识,这对于后面使用脚手架开发项目,尤其是企业中前后端分离的项目有很大的帮助虚拟DOM内部执行流程 1).用JavaScript对象结构表示DON树的结构,然后用这个树结构建一个真正的DOM树,插入到文档中 2).当状态变更时,重新构造一颗新的对象树,然后用新的树结构和旧的树结构...原创 2019-03-31 13:21:36 · 573 阅读 · 0 评论 -
react-项目结构
react环境搭建1.安装安装nodejs( 问度娘)。2.安装npm或者yarn或cnpm( 问度娘)。3.安装react脚手架create-react-app:npm install -g create-react-app或 cnpm install -g create-react-app或 yarn add -g create-react-appreact创...原创 2019-03-31 13:22:03 · 2477 阅读 · 0 评论 -
react-项目配置
主文件配置:src / index.jsimport React from 'react';import { render } from 'react-dom';import App from './App';import * as serviceWorker from './serviceWorker';render( <App />, documen...原创 2019-03-31 13:22:24 · 174 阅读 · 0 评论 -
wergt
什么是React?React是一个JavaScript库 - 最受欢迎的库之一,在GitHub上有超过100,000颗星。React不是一个框架(与Angular不同,它更加自以为是)。React是一个由Facebook创建的开源项目React用于在前端构建用户界面(UI)React是MVC应用程序的视图层(模型视图控制器)React最重...原创 2019-04-03 21:49:18 · 158 阅读 · 0 评论 -
tewe
什么是React?React是一个JavaScript库 - 最受欢迎的库之一,在GitHub上有超过100,000颗星。React不是一个框架(与Angular不同,它更加自以为是)。React是一个由Facebook创建的开源项目React用于在前端构建用户界面(UI)React是MVC应用程序的视图层(模型视图控制器)React最重...原创 2019-04-03 21:48:58 · 191 阅读 · 0 评论 -
trw
什么是React?React是一个JavaScript库 - 最受欢迎的库之一,在GitHub上有超过100,000颗星。React不是一个框架(与Angular不同,它更加自以为是)。React是一个由Facebook创建的开源项目React用于在前端构建用户界面(UI)React是MVC应用程序的视图层(模型视图控制器)React最重...原创 2019-04-03 21:48:26 · 314 阅读 · 0 评论 -
react项目-组件样式
1.默认情况下我们在某个组件中可以直接引入css样式,或者使用内联的style样式:import React from 'react';import './App.css';function App() { return ( <div className="content" style={{color:red;background:blue}}></div...原创 2019-04-03 21:46:38 · 288 阅读 · 0 评论 -
ree2
什么是React?React是一个JavaScript库 - 最受欢迎的库之一,在GitHub上有超过100,000颗星。React不是一个框架(与Angular不同,它更加自以为是)。React是一个由Facebook创建的开源项目React用于在前端构建用户界面(UI)React是MVC应用程序的视图层(模型视图控制器)React最重...原创 2019-04-03 21:47:00 · 208 阅读 · 0 评论 -
reees
什么是React?React是一个JavaScript库 - 最受欢迎的库之一,在GitHub上有超过100,000颗星。React不是一个框架(与Angular不同,它更加自以为是)。React是一个由Facebook创建的开源项目React用于在前端构建用户界面(UI)React是MVC应用程序的视图层(模型视图控制器)React最重...原创 2019-04-03 21:47:22 · 145 阅读 · 0 评论 -
rew
什么是React?React是一个JavaScript库 - 最受欢迎的库之一,在GitHub上有超过100,000颗星。React不是一个框架(与Angular不同,它更加自以为是)。React是一个由Facebook创建的开源项目React用于在前端构建用户界面(UI)React是MVC应用程序的视图层(模型视图控制器)React最重...原创 2019-04-03 21:47:44 · 646 阅读 · 0 评论 -
tre
什么是React?React是一个JavaScript库 - 最受欢迎的库之一,在GitHub上有超过100,000颗星。React不是一个框架(与Angular不同,它更加自以为是)。React是一个由Facebook创建的开源项目React用于在前端构建用户界面(UI)React是MVC应用程序的视图层(模型视图控制器)React最重...原创 2019-04-03 21:48:08 · 746 阅读 · 0 评论 -
react-全家桶3
什么是React? React是一个JavaScript库 - 最受欢迎的库之一,在GitHub上有超过100,000颗星。 React不是一个框架(与Angular不同,它更加自以为是)。 React是一个由Facebook创建的开源项目。 React用于在前端构建用户界面(UI)。 React是MVC应用程序的视图层(模型视图控制器) React最重要的一个方面是,您可以创建组件...原创 2019-03-31 13:22:44 · 141 阅读 · 0 评论