React入门
jiaojsun
做一只快乐的小码龙
展开
-
react入门—01react简介
1.React是什么2.为什么要学习React原创 2019-02-06 18:29:42 · 145 阅读 · 0 评论 -
react文档阅读笔记(二)
1.State & 生命周期封装时钟function Clock(props) { return ( <div> <h1>Hello, world!</h1> <h2>It is {props.date.toLocaleTimeString()}.</h2> </div...原创 2019-07-16 15:12:21 · 141 阅读 · 0 评论 -
react文档阅读笔记(一)
1.Hello World一个简单的react的例子ReactDOM.render( <h1>Hello, world!</h1>, document.getElementById('root'));它渲染了一个 “Hello, world!” 的标题。React是一个JavaScript库2.JSX简介下面是一个JSX, 它是一种 J...原创 2019-07-16 11:41:21 · 172 阅读 · 0 评论 -
[翻译]React还是Vue:你该如何选择?
[翻译]React还是Vue:你该如何选择?松子在下头很硬关注他140 人赞同了该文章本文译自React or Vue: Which Javascript UI Library Should You Be Using?,原文需翻墙。如果想及时了解最新的优秀外文资料,可以参考某熊周刊系列:一周推荐外文技术资料(12.1)。2016年React巩固了它作为前端框架之王的地...转载 2019-07-15 10:01:01 · 146 阅读 · 0 评论 -
react入门—10Context介绍及应用
1.Context简介2.props的弊端 看下面的例子。假如现在在User.js中需要App.js中的theme这个属性,首先将theme传入到Header中,再把theme传入到User中,最后把theme传入到Button中。这样一层一层的传递特别麻烦。Context可以解决这个问题。使用context必须在react16.3以上才能用。3.context实例4....原创 2019-02-11 15:16:06 · 179 阅读 · 0 评论 -
react入门—09react留言本实例
1.原型 2.代码App.jsimport React, { Component } from 'react';import logo from './logo.svg';import './App.css';/* import NameCard from './components/NameCard';import LikesButton from './compo...原创 2019-02-11 10:47:26 · 206 阅读 · 0 评论 -
react入门—08react表单
1.简介2.实例 受控组件的写法import React from 'react'class CommentBox extends React.Component{ constructor(props){ super(props) this.state = { value: '' } ...原创 2019-02-08 15:08:18 · 142 阅读 · 0 评论 -
react入门—07react生命周期
1.简介2.实例 新建一个js引入DigitalClock.js中的内容为import React from 'react'class DigitalClock extends React.Component{ constructor(props){ super(props) this.state = { ...原创 2019-02-08 14:39:27 · 117 阅读 · 0 评论 -
react入门—06react属性(state)
1.简介2.实例首先将这个组件挂载到App.js上面LiksButton.js内容为import React from 'react'class LikesButton extends React.Component{ constructor(props){ console.log(props) // super作为函数调用...原创 2019-02-08 13:08:21 · 148 阅读 · 0 评论 -
react入门—05react属性(props)
1.概念2.实例首先安装bootstrapnpm install bootstrap --save创建这样一个组件,编写代码如下将这个组件挂载到App.js上面 运行结果为 也可以用另外一种函数式写法,如下所示最后请注意所有的React组件必须像纯函数那样使用它们的props。即props是只读的。...原创 2019-02-07 00:42:33 · 98 阅读 · 0 评论 -
react入门—04JSX语法
1.简介需要注意这两个属性是两个特例,其他属性和html是一致的。 2.JSX编译原创 2019-02-06 23:35:33 · 127 阅读 · 0 评论 -
react入门—03react第一个组件
首先看一下项目结构,新建Welcome.js文件,添加右侧所示代码。原创 2019-02-06 21:56:40 · 124 阅读 · 0 评论 -
react入门—02配置开发环境
npm install create-react-app -gcreate-react-app reactdemo这块一直出错,具体艰辛就不说了,反正安装node 8.15版本就好了,安装办法是直接到官网下载整理一下这节的内容:在终端运行npm starthttp://localhost:3000/...原创 2019-02-06 21:21:30 · 155 阅读 · 0 评论 -
react面试题
1. React 中 keys 的作用是什么?在React的Diff 算法中 会借助元素的 Key来判断该元素是被修改的、还是被添加或者是被移除的。从而减少不必要的元素重渲染。render(){return(<ul>{this.state.todoItems.map(({item,key})=>{retur...原创 2019-07-17 11:07:34 · 917 阅读 · 0 评论