前言前段时间学习了React、Typescript,所以两个一起试试; 有点遗憾的是Redux还没学,后续学了Redux后才算完整。。。没办法,三分钟热度的我还在学flutter啊。。。说一下调接口的问题,最近包括上一份工作都遇到过,后端接口收不到参数。。。搞半天,结果是因为他们是从URL获取的请求参数,无论请求方式是否GET,,,所以沟通还是很重要的,如果后端大佬接口测试通过(postman/
转载 2024-07-10 01:27:03
43阅读
isactive实现样式
原创 2022-11-12 01:21:32
174阅读
前端
原创 2023-02-11 15:36:56
27阅读
前端
原创 2023-02-11 15:37:48
83阅读
通过NavLink可以给Link添加类名,从而实现修改样式
原创 2021-12-16 17:00:20
258阅读
通过NavLink可以给Link添加类名,从而实现修改样式
原创 2022-02-25 15:13:17
183阅读
点击页面的时候进行页面数据跳转
原创 2022-11-12 01:20:19
196阅读
We often need to be able to apply style to navigation links based on the current route. In React Router v4 you can easily accomplish this with the Nav
转载 2017-03-21 04:10:00
174阅读
2评论
Link现在,我们应用需要在各个页面间切换,如果使用锚点元素实现,在每次点击时,页面被重新加载,React Router提供了<Link>组件用来避免这种状况发生。当 你点击<Link>时,url会更新,组件会被重新渲染,但是页面不会重新加载嗯、先看个例子// to为string<Link to="/about">关于</Link>// to为obj
原创 2023-03-01 00:52:30
463阅读
route是配置,link是使用 嵌套路由一般使用Route,类似于vue中的作为嵌套路由的渲染,可以直接通过固定路由进入某一局部,等同于局部切换 // index.js // ... render(( <Router history={hashHistory}> <Route path="/" component={App}> {/* 注意这里
转载 2019-06-03 16:42:00
409阅读
怎么使用react在网页中引入reactnpm下载后在项目中引入react在网页中引入reactaddReact.html<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script src="../js/react
转载 2024-04-27 21:54:46
58阅读
做前端的人都知道,目前热门前端的框架是 VAR => Vue,Anglur,React。 而如果说最热门的前端框架是谁,毫无悬念是 ReactReact 是由 Facebook 主导开发的一个 JavaScript 框架。学习 React 需要你拥有基本 JavaScript 和 HTML 知识接下来让我们开始学习 React ,首先学习如何使用React输出一个 Hello React一、
转载 2024-10-22 16:32:16
24阅读
背景Hooks 自推出以来就很火, 它改变了我们编写React 代码的方式, 有助于我们写更简洁的代码。今天这边文章不是说Hooks的,Hooks之外, 还有很多实用的技巧可以帮助我们便携简洁实用的代码。今天我就整理了8个使用的技巧,其中有些也是我在公司项目中实践的,现在整理出来分享给大家, 希望对大家有所启发。正文1. 使用字符串来定义一个React元素举个简单的例子:// 我们可以通过把一个字
概览如果简短的话概括 redux 的核心逻辑,我会说 redux 是 js 闭包的应用 + 合理的 api 形式。如果简短的话概括 react-redux 的核心逻辑,我会说 react-redux 是 把 redux 与 react 生命周期挂钩 + 合理的 api 形式。从难度来看,掌握 redux 和 react-redux 确实比掌握 react 要简单很多,希望大家有所
1、脚手架安装React项目安装 create-react-app 脚手架来创建 react 项目。npm install -g create-react-app create-react-app my-app使用该脚手架创建的 react 项目默认是不显示配置文件的,可以使用 npm run eject 命令将配置文件显示出来,该命令是一个单向操作,即一旦运行了,就不能再次将配置文件隐
转载 2024-05-12 21:28:30
6阅读
react hooks 是 React 16.8 的新增特性。 它可以让我们在函数组件中使用 state 、生命周期以及其他 react 特性,而不仅限于 class 组件。react hooks 的出现,标示着 react 中不会在存在无状态组件了,只有类组件和函数组件。状态是隐藏在组件中的信息,组件可以在父组件不知道的情况下修改其状态。相比类组件,函数组件足够简单,要使函数组件具有状态管理,可
转载 2024-05-29 11:15:03
51阅读
在今天的技术世界中,结合不同的工具和语言能够显著提高工作效率。许多开发者在使用 Python 进行后端开发的同时,也希望能够利用 React 进行前端构建。然而,在将这两者结合的时候,常会遇到一些问题,比如如何正确地将这两个框架结合在一起。下面将详细记录解决“怎么在 Python 里 React”的过程。 ### 问题背景 在现代化的 web 开发中,前后端分离的架构已经变得越来越流行。通常,
原创 6月前
30阅读
在现代前端开发中,React 和 TypeScript 被广泛应用于构建高效、可维护的用户界面。为了使组件的样式更加优雅和模块化,CSS 的使用方式也非常重要。本文将探讨在 React TypeScript 项目中如何使用 CSS,包括常见的几种方式:传统的 CSS 文件、CSS Modules 和 Styled Components。同时,我们还会使用一些代码示例来演示它们的用法。 ## 1.
原创 10月前
110阅读
在使用 `yarn` 启动 React 项目时,许多开发者可能会面临一些问题。一般情况下,项目应该很容易启动,但有时会出现各种错误,让人倍感困扰。本文将详细说明如何解决“怎么 yarn 启动 React 项目”的问题,包括可能的业务影响、错误现象、根因分析、解决方案、测试和预防优化措施。 ## 问题背景 在现代Web开发中,React已经成为流行的前端框架。越来越多的企业开始使用React
      前端框架从MVC过渡到MVVM。从DOM操作到数据驱动,一直在不断的进步着,提升着,      angular中用的是watcher对象,vue是观察者模式,react就是state了,他们各有各的特点,没有好坏之分,只有需求不同而选择不同。 今天就着重详细的随手写点我对react中state的理解:  &
转载 2024-09-29 10:44:41
79阅读
  • 1
  • 2
  • 3
  • 4
  • 5