react
文章平均质量分 53
「已注销」
这个作者很懒,什么都没留下…
展开
-
webpack+react新建项目—— 使用react-router-dom和antd
安装react-router-domnpm install react-router-dom修改app.tsx组件import React, { useState } from "react";import { BrowserRouter, Route, Link, Routes} from "react-router-dom"interface IProps { title: string}const About = () => { return <原创 2022-02-24 22:13:23 · 537 阅读 · 0 评论 -
webpack+react新建项目—— 使用typescript
文章目录1,安装typescript相关依赖文件2,创建tsconfig.json文件1,安装typescript相关依赖文件npm install --save-dev typescript ts-loader @types/react @types/react-dom2,创建tsconfig.json文件在项目根目录下创建 tsconfig.json文件{ "compilerOptions": { "outDir": "./dist/", "sourceMap": tru原创 2022-02-16 22:51:14 · 516 阅读 · 0 评论 -
webpack+react新建项目(2)--增加模板和自动更新
1,安装html-webpack-plugin和webpack-dev-servernpm install html-webpack-plugin webpack-dev-server --save-dev2,创建模板文件在根目录下新建public文件夹,然后在文件夹下新建index.html文件<!DOCTYPE html><html lang="zh-cn"><head> <meta charset="UTF-8"> <meta原创 2022-02-10 22:19:51 · 451 阅读 · 0 评论 -
webpack+react新建项目(1)
文章目录1,初始化npm2,安装webpack和webpack-cli3,安装react和react-dom4,安装babel相关依赖和创建.babelrc文件5,创建项目目录并编写代码6,修改package.json文件package.json依赖1,初始化npm新建文件夹react-admin,在该文件夹下打开cmd执行命令npm init -y2,安装webpack和webpack-clinpm install --save-dev webpack webpack-cli3,安装rea原创 2022-02-09 23:19:02 · 452 阅读 · 0 评论 -
react中使用useEffect
人物纷纷原创 2021-11-01 22:17:02 · 469 阅读 · 0 评论 -
react hook之useState
HooK是react16.8的新增特性,它可以让你在不编写class的情况下使用state以及其他的react的特性使用useState()进行状态管理// 引用useState的钩子import React, { useState } from 'react';function App() { // 声明一个叫 checked 的state变量,并初始化为false const [checked, setChecked] = useState(false) return ( &原创 2021-10-20 13:37:49 · 467 阅读 · 0 评论 -
react条件渲染
在React 中,你可以创建不同的组件来封装各种你需要的行为。然后,依据应用的不同状态,只渲染对应状态下的部分内容。React中的条件渲染和javascript中的一样,使用javascript运算符if或者条件运算符去创建元素来表现当前的状态,然后让React根据他们来更新UI。使用if…else…语句class App extends React.Component { state = { isLogin: true } logout = () => { this原创 2021-08-29 23:01:27 · 206 阅读 · 0 评论 -
react学习笔记之创建组件
函数组件react中创建组件最简单的方式就是编写一个javascript函数function MyComponent(props) { return ( <div>hello {props.name}</div> )}React.class组件原创 2021-08-16 11:32:00 · 93 阅读 · 0 评论 -
react入门学习笔记
1,新建一个HTML文件并引入react相关的js<!DOCTYPE html><html> <head> <meta charset="utf-8"> <!-- 引入react核心库 --> <script src="./react.development.js"></script> <!-- 引入react-dom 用于react操作dom --> <scr原创 2021-08-01 00:58:32 · 105 阅读 · 0 评论