weixin_47360323的博客

ReduxRedux中文文档安装npm install --save redux原理图storestore(仓库)存放整个应用的state。createStore创建仓库import { createStore } from 'redux';import reducer from './store/reducer';let store = createStore(reducer)//createStore还有第二个参数，表示State的最初状态或者是.

路由的安装npm i react-router-dom基本使用//引入要跳转的组件import 组件名 from '路由地址';<Routes> <Route path='/地址' element={ <组件名 />}> <Route path='地址' element={<组件名 />} /> // 子路由 </Route> </Routes&gt.

Hooks就是在不编写class的情况下使用state等其他的React特性。Hook 简介 – React只能在 [ 函数最顶层 ] 调用Hook。 只能在 [ React的函数组件 ] 中调用Hook，不能在普通函数 也不能是class组件。useState()使用import { useState } from "react";function UseState() { const [stu, setStudent] = useState({ count: 0, ag

请求数据axios安装npm i axios使用import Axios from 'axios';Axios.post('http://localhost:7070/list',{},{ headers:{ "Content-Type":"application/json" } }).then((res)=>{ console.log(res);

简介虚拟DOM。 JSX，jsx是JavaScript的语法扩展 组件，提高复用率 单向响应的数据流，减少重复代码。react的脚手架安装npm install -g create-react-app //全局安装create-react-app 项目名 //创建项目npm start //启动项目目录结构pubulic index.htmlsrc App.js 根组件 App.css App组件的样式 index.

Ref组件分类(控件方式不同)：受控组件 与 非受控组件 大多数情况下，建议使用受控组件。 有一种称为非受控组件的方法可以通过使用Ref来处理表单数据。 在非受控组件中，Ref用于直接从DOM访问表单值，而不是事件处理程序。 使用React.createRef() 定义Ref并传递该输入表单。 class Test extends Component{ constructor() { super(); this.user ...