文章 2022-12-10 来自:开发者社区

react-router-dom 《react 前端》

要理解什么是 React-Router 就要先理解什么是 SPA (Single Page Application),也就是俗称的单页应用。每个单页应用其实是一系列的 JS 文件,当用户请求网站时,网站返回一整个(或一系列)的 js 文件和 HTML,而当用户在某个页面内点击时,你需要告诉浏览器怎么加载另一个页面地址。单页应用中通常只有一个 index.html 文件的,所以浏览器自带的 <...

react-router-dom 《react 前端》
文章 2022-12-10 来自:开发者社区

组合 vs 继承《react 前端》

React 有十分强大的组合模式。我们推荐使用组合而非继承来实现组件间的代码重用。在这篇文档中,我们将考虑初学 React 的开发人员使用继承时经常会遇到的一些问题,并展示如何通过组合思想来解决这些问题。包含关系有些组件无法提前知晓它们子组件的具体内容。在 Sidebar(侧边栏)和 Dialog(对话框)等展现通用容器(box)的组件中特别容易遇到这种情况。我们建议这些组件使用一个特殊的 ch....

文章 2022-12-10 来自:开发者社区

状态提升《react 前端》

通常,多个组件需要反映相同的变化数据,这时我们建议将共享状态提升到最近的共同父组件中去。让我们看看它是如何运作的。在本节中,我们将创建一个用于计算水在给定温度下是否会沸腾的温度计算器。我们将从一个名为 BoilingVerdict 的组件开始,它接受 celsius 温度作为一个 prop,并据此打印出该温度是否足以将水煮沸的结果。function BoilingVerdict(props) {....

问答 2022-12-05 来自:开发者社区

serverless怎么部署react或者vue前端项目?

serverless怎么部署react或者vue前端项目?

文章 2022-11-28 来自:开发者社区

掌握React的基本使用,重塑前端开发

掌握React的基本使用,重塑前端开发1. Handling EventsHtml中处理添加事件:<a href="#" onclick="console.log('The link was clicked.'); return false"> Click me </a>React中:function ActionLink() { function handleC...

掌握React的基本使用,重塑前端开发
文章 2022-11-14 来自:开发者社区

使用react-color实现前端取色器

背景我们可以通过react-color实现前端界面的取色器,效果如下图所示:安装npmireact-color-S使用importReact, { Component, Fragment, createRef } from'react'; import { Popover } from'antd'; import { SketchPicker } from'react-color'; typeS....

使用react-color实现前端取色器
文章 2022-11-10 来自:开发者社区

#yyds干货盘点# react前端优化小结笔记

编译阶段的优化主要是webpack开发环境时重复构建更快1.include缩小编译的范围 rules: [ { test: /\.js$/, use: [ { loader: 'babel-loader', options: { cacheDirectory: true, persets: [...

文章 2022-10-22 来自:开发者社区

Django API 开发:Todo 应用的 React 前端(下)

模拟数据如果您返回到我们的 API 端点,则可以在以下位置的浏览器中看到原始 JSON:http://127.0.0.1:8000/api/?format=json[ { "id":1, "title":"1st todo", "body":"Learn Django properly." }, { "id":2, "title":"S...

Django API 开发:Todo 应用的 React 前端(下)
文章 2022-10-22 来自:开发者社区

Django API 开发:Todo 应用的 React 前端(上)

引言API 的功能在于与其他程序进行通信。 在本文中,我们将通过 React 前端使用上一篇文章中的 Todo API,这样您就可以了解实际中一切如何协同工作。我选择使用 React,因为它是目前最流行的 JavaScript 前端库,但是此处描述的技术也可以与其他任何流行的前端框架一起使用,包括Vue,Angular或Ember。 他们甚至可以与适用于 iOS 或 Android 的移动应用,....

Django API 开发:Todo 应用的 React 前端(上)
文章 2022-10-13 来自:开发者社区

「前端React框架」PropTypes提供的验证器

前言通常,我们在项目中使用自定义组件时,需要对组件的props进行类型检测。而React提供了专门的库,可以校验组件的props类型,也可以做一些特定的限制。下面行详细介绍。以下内容大部分来自[React官网](https://zh-hans.reactjs.org/docs/typechecking-with-proptypes.html#gatsby-focus-wrapper),根据我的开....

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。