![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 54
守护砂之国泰裤辣
既然已经走这么远了,那么不妨再走远一点...
展开
-
React学习笔记003-内外联样式
react 样式原创 2022-07-19 23:20:57 · 842 阅读 · 0 评论 -
React学习笔记002-React中的事件
在原生html中的定义一个简单事件一般是这样: <button onclick="alert('777')">按钮</button>这是原生事件,将click事件直接绑定在button(dom)上面;而React的jsx语法采用合成事件,也就是采用事件冒泡的形式冒泡到document上面,然后React将事件封装给正式的函数处理运行和处理。function App() { const handleClick = () => alert("777");原创 2022-05-09 23:09:16 · 259 阅读 · 0 评论 -
React学习笔记001-JSX语法基础
jsx语法速览原创 2022-05-09 22:26:03 · 513 阅读 · 0 评论 -
React学习笔记000-使用webpack自定义搭建React环境
React官网Web编程环境体验推荐两个codesandbox 和 stackblitz最新直访url(当前版本React18):https://codesandbox.io/s/react-newhttps://stackblitz.com/edit/react-ts-rwegse除了传统的create-react-app脚手架的方式,现尝试使用webpack构建react项目(实际脚手架创建的项目内置了webpack),这样自己手动构建一遍方便知道细节。1.创建一个空目录we原创 2022-05-04 23:55:25 · 558 阅读 · 0 评论 -
React hooks学习笔记(4)——useContext
useContext,直译为使用上下文,作用是深层值传递,直接看例子:components下新建一个ContextDemo.js(父子关系:ContextDemo > Demo > Child):import React from "react";const Demo = props => { return <div> <Child /> </div>}const Child = () => ..原创 2020-11-11 21:51:13 · 299 阅读 · 0 评论 -
React hooks学习笔记(1)——useState
函数式组件是当前React主流写法,最近在项目里一直遇到,今天结合B站的教程记录一下自己的学习体会。 1. 直接就demo来讲吧,首先初始化react项目(好像得用yarn初始化了)create-react-app react-hooks-action 完事之后在package.json里看下react版本,确保大于16.82. 把一些不重要的文件删掉,src下创建一个components目录并在此目录下创建两个文件,一个用于展示传统的类组件ClassComp.js,...原创 2020-10-24 17:58:20 · 285 阅读 · 0 评论