
react
想喝橙汁儿
化身孤岛的鲸
展开
-
react 路由权限守卫
app.js // 路由 import {HashRouter as Router,Route,NavLink,Redirect,Switch,useHistory} from 'react-router-dom' // 导入哈希路由(BrowserRouter浏览器路由)起别名叫Router // Route 路由页面,NavLink 路由导航页面 import React, { Component } from 'react'; import "./App.css"; class App .原创 2020-10-09 15:10:05 · 1683 阅读 · 0 评论 -
react 实现 todolist
react 实现 todolist 这次主要是布局方面 目录react 实现 todolist目录结构pages/todoindex.js 代码input.js 代码item.js代码List.js 代码item.css 代码app.js 代码 目录结构 pages/todo index.js 代码 import React, { Component } from 'react' import List from './List'; import Input from './Input' cl原创 2020-09-29 16:24:12 · 226 阅读 · 0 评论 -
react 实现Todolist 本地存储(方式一)
react 实现Todolist2 功能: 增加,删除,本地存储 推荐使用方式一,方式一更加方便 方式一的连接 https://blog.youkuaiyun.com/weixin_46328144/article/details/108853798 App.js代码 import React,{Component} from 'react'; import Todo from './component/Todo.js' // 导入react和react组件 //定义一个App组件 继承Component cl原创 2020-09-28 17:46:43 · 537 阅读 · 0 评论 -
react 实现Todolist 本地存储(方式二)
react 实现Todolist 主要功能 增加,删除,本地存储 结构图: App.js代码 import React,{Component} from 'react'; import Todo from './component/Todo.js' // 导入react和react组件 //定义一个App组件 继承Component class App extends Component{ //构造函数 constructor(props){ super(props); /原创 2020-09-28 17:39:16 · 1880 阅读 · 0 评论 -
react 基础学习
react 基础学习 采用的编程软件是vsCode 安装Simple React Snippets插件 目录组成结构 src/index.js 命令注释 src/app.js 命令注释 注意: 所有命令都要闭合 采用jsx语法 return 返回的只有一个单独的根节点 在{ } 内写JavaScript class 要用 className去替换 样式会自动展开 注释 {/* */} 数组里面直接使用html标签 ,在{ }内 数组会自展开 案例: import React fro原创 2020-09-27 18:57:22 · 366 阅读 · 0 评论