react
文章平均质量分 92
JIANG_RZJ
这个作者很懒,什么都没留下…
展开
-
React 系列之基础四(webpack)
React 系列之基础四1. 正确使用 HooksReact 提供了 10 中不同的内置 Hook, 其中最受欢迎的是我们已经广泛使用的 useState 和 useEffect Hook.在使用 react-redux 库中的 useSelector 和 useDispatch Hook 来共享我们对组件的 redux-store 和 dispatch 函数.React-router api 部分也基于 hook. 它的 Hook 可以用来访问 url 参数 和 历史对象.Hook 不是正常的函原创 2020-09-14 18:00:22 · 221 阅读 · 0 评论 -
React 系列之基础三(路由篇)
React 系列之基础三React 路由React 路由帮组我们根据浏览器地址栏的 URL 将应用划分到不同的视图.1. React-router1. 快速开始npm install --save react-router-dom使用简单示例:import { BrowserRouter as Router, Switch, Route, Link} from "react-router-dom"const App = () => { const padding =原创 2020-09-14 15:50:20 · 183 阅读 · 0 评论 -
React 系列之基础二(状态管理)
React 系列之基础二1.Flux 架构与 Redux在 Flux 中, 状态完全从 React-components 分离到自己的存储中. 存储中的状态不会直接更改, 而是使用不同的 actions 进行更改.当一个操作改变了存储的状态时, 视图会被重新渲染使用以下命令安装 reduxnpm install redux --save Action 对 应用程序的影响是通过使用一个 reducer 来定义的. 实际上, reducer 是一个函数, 它以当前状态state和action为原创 2020-09-11 23:26:43 · 303 阅读 · 0 评论 -
React 系列 之基础一(组件篇)
React 简介组件篇1.组件定义React 组件名称开头字母必须大写.const Hello = () => { return ( <div> <p>Hello world</p> </div> )}const App = () => { return ( <div> <h1>Greetings</h1> <Hello原创 2020-09-10 17:17:25 · 335 阅读 · 0 评论