JIANG_RZJ的博客

React 系列之基础四 1. 正确使用 Hooks React 提供了 10 中不同的内置 Hook, 其中最受欢迎的是我们已经广泛使用的 useState 和 useEffect Hook. 在使用 react-redux 库中的 useSelector 和 useDispatch Hook 来共享我们对组件的 redux-store 和 dispatch 函数. React-router api 部分也基于 hook. 它的 Hook 可以用来访问 url 参数 和 历史对象. Hook 不是正常的函

React 系列之基础三 React 路由 React 路由帮组我们根据浏览器地址栏的 URL 将应用划分到不同的视图. 1. React-router 1. 快速开始 npm install --save react-router-dom 使用简单示例: import { BrowserRouter as Router, Switch, Route, Link } from "react-router-dom" const App = () => { const padding =

React 系列之基础二 1.Flux 架构与 Redux 在 Flux 中, 状态完全从 React-components 分离到自己的存储中. 存储中的状态不会直接更改, 而是使用不同的 actions 进行更改. 当一个操作改变了存储的状态时, 视图会被重新渲染 使用以下命令安装 redux npm install redux --save Action 对 应用程序的影响是通过使用一个 reducer 来定义的. 实际上, reducer 是一个函数, 它以当前状态state和action为

React 简介 组件篇 1.组件定义 React 组件名称开头字母必须大写. const Hello = () => { return ( <div> <p>Hello world</p> </div> ) } const App = () => { return ( <div> <h1>Greetings</h1> <Hello