React教程系列
花生糖葫芦侠
我就是我不一样的我
展开
-
Redux自定义渲染页面
import React from 'react'import ReactDOM from 'react-dom'import App from './components/app'// import Context from './context/context'// ReactDOM.render(<Context/>,document.getElementById('r...原创 2018-09-12 02:10:05 · 330 阅读 · 0 评论 -
React手写一个正式版本的redux
import React from 'react'//播放器const renderScreen = (newScreen, oldScreen = {}) => { if (newScreen === oldScreen) return; console.log("=============>renderScreen"); //获取页...原创 2018-09-12 14:43:29 · 200 阅读 · 0 评论 -
React复杂案例之Routere
1.indeximport React from 'react'import {render} from 'react-dom'import {BrowserRouter} from 'react-router-dom'import App from './components/app'/* */render(( <BrowserRouter> ...原创 2018-09-10 03:09:57 · 210 阅读 · 0 评论 -
React复杂案例之SearchPub
1.indeximport React from 'react'import ReactDOM from 'react-dom'import App from './components/app'import './index.css'/* 1.划分组件 2.静态组件 3.交互组件 */ReactDOM.render(<App/>,...原创 2018-09-10 03:06:21 · 210 阅读 · 0 评论 -
React复杂案例之SearchBase
1.indeximport React from 'react'import ReactDOM from 'react-dom'import App from './components/app'import './index.css'/* 1.划分组件 2.静态组件 3.交互组件 */ReactDOM.render(<App/>,...原创 2018-09-10 03:04:53 · 479 阅读 · 0 评论 -
React复杂案例之评论
1.indeximport React from 'react'import ReactDOM from 'react-dom'import App from './components/app/app'/* 1.划分组件 2.静态组件 3.交互组件 */ReactDOM.render(<App/>,document.getEleme...原创 2018-09-10 03:01:19 · 887 阅读 · 0 评论 -
React重点难点
1.在类中state = { name:'jack'}上面写法是给组件对象实例添加属性static propTypes = { comments:PropTypes.array.isRequired };上面写法是给组件类添加属性约束2.关于大括号小括号一般{}代表Js函数()代表html语法但是在箭头函数中(key)=>key+...原创 2018-09-10 02:56:32 · 3667 阅读 · 0 评论 -
React安装篇
1.设置npm镜像代理npm config set registry https://registry.npm.taobao.org查看是否成功npm config get registry或者npm config ls1.安装create-react-app安装node.js查看node版本node -v全局安装create-react-appnpm install...原创 2018-09-10 02:55:05 · 309 阅读 · 0 评论 -
React发送请求
1.axios<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Ajax_Axios</title> <script src="../common/react/原创 2018-09-10 02:53:33 · 7949 阅读 · 0 评论 -
React基本案例
1.todoList<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>ToDoList</title> <script src="../common/react原创 2018-09-10 02:52:23 · 738 阅读 · 0 评论 -
React基础语法
1.base<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>组件化编程</title> <script src="https://cdn.bootcss.co原创 2018-09-10 02:50:41 · 128 阅读 · 0 评论 -
ES6学习文档
1.let<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>数组的用法</title> <script> let log = (text)=原创 2018-09-10 02:46:48 · 225 阅读 · 0 评论 -
Redux自己手写一个简化版全面的redux
import React from 'react'//播放器const renderScreen = (screen)=>{ console.log("=============>renderScreen"); //获取页面元素 const sc = document.querySelector('#screen'); //对页面元素进行修改...原创 2018-09-12 02:12:57 · 592 阅读 · 0 评论