/*
react路由的配置：
1、找到官方文档 https://reacttraining.com/react-router/web/example/basic
2、安装 cnpm install react-router-dom --save
3、找到项目的根组件引入react-router-dom
import { BrowserRout
转载
2021-08-13 08:44:12
349阅读
1、结构目录2、路由配置文件，参照的vue-routerconfig.jsimport Login from '../view/Login.js';
import System from '../view/System.js';
import Bus from '../view/Bus.js';
import Bus22 from '../view/Bus22.js';
const routes
转载
2020-04-16 11:15:00
255阅读
2评论
在React Native开发中，官方为我们提供的Tab控制器有两种：TabBarIOS和ViewPagerAndroid。TabBarIOS，仅适用于IOS平台ViewPagerAndroid，仅适用于Android平台（严格来讲并不算，因为我们还需要自己实现Tab）。在项目开发中，我们优先选择一些开源兼容性比较好的第三方库，例如，react-navigation，以及本文即将说到的react-
React中嵌套路由 一、精准匹配和模糊匹配 （1）、模糊匹配： // 路由跳转 <MyNavLink to="/home/a/b">Home</MyNavLink> // 注册路由 <Route path="/home" component={Home}/> 点击侧边栏，跳转到 localhost ...
转载
2021-09-24 15:23:00
2360阅读
2评论
read-dnd 嵌套使用不做具体react-dnd的api讲解，如有需要请查看官网文档，描述很清晰。react-dnd-官网本文demo展示地址react-dnd-nested需求背景左侧是物料区，各个可以拖拽的小组件右侧为编辑区，可以将组件拖进去组成页面右侧编辑区内已拖拽的小组件可以在内部继续拖拽进行排序技术栈react、react-dom、mobx、mobx-react、react-dnd实
转载
2021-01-19 21:53:58
2499阅读
2评论
嵌套路由(子路由) 路由里面又有路由, 我们就称之为嵌套路由 新建 Discover.js: import React from 'react'; import {NavLink, Switch, Route} from "react-router-dom"; function Hot() { re
原创
2022-05-16 23:16:00
679阅读
{ number.map(function (flag) { return <div> { data.map(function (item) { return <div onClick={cardclick}> <p>名字：{item.name} </p>
原创
2021-09-28 12:49:42
1649阅读
组件：在设计接口的时候，将常用元素（按钮，表单字段，布局组件等）分解成定义好接口的可重用组件。这样下次你在创建同样界面就可以少写很多代码，这意味着更快的开发时间，更少的bug，和更少的内容下载。将上章节Index.html中Js部分修改为：<script type="text/jsx"> // 注意此处
&n
原创
2015-06-10 23:35:56
957阅读
点赞
好久没记录博客了，最近换工作了，用的是react库做项目。熟悉新公司的react一整套框架老费劲了（3年前写过react，当时还是用class的方法去写，现在发现从16.8.0加入hooks后，react确实比之前理解起来有难度了）。白天遇到在写react路由的时候遇到了一个问题，就是二级路由跳转如 ...
转载
2021-08-05 01:39:00
576阅读
2评论
路由直接拼接 路由嵌套 表示嵌套路由中的组件outlet
转载
2022-11-12 07:11:06
157阅读
一、嵌套路由嵌套路由是指在一级路由中又内嵌了其他路由，这种关系就叫做嵌套路由。嵌套至一级路由内的路由又称作二级路由。二、实现步骤使用children属性配置路由嵌套关系使用<Outlet/>组件配置二级路由渲染的位置三、操作代码1. 路由文件配置（router/index.tsx）import Login from "../page/Login";
import Home from "
一、路由模块化 路由的模块化其实就是类似于vue中的路由模块化，
原创
2022-02-21 16:02:56
725阅读
模块化 import React, { Component } from 'react'; import { BrowserRouter as Router, Route, Link } from "react-router-dom"; import Home from './components/
转载
2021-08-13 08:44:48
119阅读
复习 [array].map(function(item,index){})方法，传参里的函数需要有return值，一般用map()后都要用一个变量接一下，这个返回的还是一个数组，只是把每次遍历到的数组中的某一项调用函数进行处理里再放入新数组，就是那个变量的对应位置;这里用数组的for循环遍历其实很不方便，因为数组中每一项都是一个对象，所以用map()方法就非常方便使用迭代器，比如map()方法时
