摘要：
父组件向子组件传值使用props，子组件向父组件传值通过触发方法来传值。具体栗子如下。 一、创建父组件index import React, { useState } from "react"; import { Input } from 'antd' import ChildComponent f 阅读全文
摘要：
一、界面构建 1、创建index父组件 import React from "react"; import { Form } from "antd"; import UploadComponent from "./UploadComponent"; export default () => { co 阅读全文
摘要：
使用react-redux能让我们组件之间互相通信，并且相比较以前的写法，更加的简单明了。在使用前，我们需要npm install一下react-redux以及reduxjs/toolkit。 一、添加react-redux和reduxjs/toolkit npm install react-red 阅读全文
摘要：
开发项目的过程中，可能需要解析和生成相应的URL，使用URLSearchParams可以更快的去生成或者解析。 一、添加URLSearchParams 首先需要npm install个url-search-params-polyfill包 npm install url-search-params- 阅读全文
摘要：
在Ant Design的Table组件文档中，排序有三种状态：点击升序、点击降序、取消排序。一般需求只需要升序和降序，不需要取消排序，这时候就需要我们设置sortOrder来去除取消排序。 首先，我们从官方文档中ctrl+c出一个排序栗子，放在我们的组件中。 import React, { useE 阅读全文
摘要：
一、useState 在React组件类中，声明变量的方法是在constructor中this.state={ 变量名:值 }，比如什么一个count变量，this.state={ count:0 }，修改count的方法是this.setState({count:1}) 在Hooks中，声明一个变 阅读全文
摘要：
使用场景：当组件层级较深时，底层组件需要使用其他模块的组件，就需要写很多个../../，这个时候就会显得路径很长，还不直观。如下 在src->pages->Test->Test1的index组件中，需要引用App.tsx组件，这个时候，就会显得../很多，看起来不直观。 如何解决呢？此时就需要web 阅读全文
摘要：
使用create-app-react创建项目，执行npm run eject暴露配置文件 进入config->env.js文件，在该文件中找到getClientEnvironment函数，此函数返回的是客户端的环境变量 在getClientEnvironment函数中，NODE_ENV既为环境变量， 阅读全文
摘要：
一、修改webpack配置 使用create-react-app创建项目后，webpack配置无法修改，执行npm run eject 弹出配置文件，即可更改webpack配置 执行完毕后，会多一个config和scripts文件夹，并且package.json中多了很多配置 注意！！！执行之后，直 阅读全文
摘要：
Creat React App官方文档链接：https://www.html.cn/create-react-app/docs/getting-started/ 一、直接创建项目不添加任何依赖 根据官方文档说明，npx是需要npm 5.2+或者更高版本才能支持，所以在项目创建前，使用npm -v 查 阅读全文