React
关注
分享
扫一扫
React学习笔记，在项目中需要使用所以学习了一下基础内容，如有错误欢迎指正！
程序员麻薯
扶我起来，我还能再卷一会(ง •̀_•́)ง 点关注，和我一起卷╭(′▽`)╭(′▽`)╯
展开
-
React学习笔记 | 第六节：使用axios和fetch实现Ajax请求
本文是学习React笔记，对应视频为：https://www.bilibili.com/video/BV1oW41157DY的 24 - 25 节。 需求： 1. 根据指定的关键字在github上搜索匹配的最受关注的库 2. 显示库名，点击链接查看库 3. 测试接口 https://api.github.com/search/repositories?q=r&sort=stars 一、使用axios实现Ajax请求 <!DOCTYPE html> &...原创 2021-01-22 17:58:08 · 168 阅读 · 0 评论 -
React学习笔记 | 第五节：脚手架创建应用和练习
本文是学习React笔记，对应视频为：https://www.bilibili.com/video/BV1oW41157DY的 17 - 23节。 一、脚手架创建应用 src/index.js import React from 'react' import ReactDOM from 'react-dom' import App from "./components/app"; import './index.css'; ReactDOM.render(<App/>, doc..原创 2021-01-22 17:01:08 · 175 阅读 · 0 评论 -
React学习笔记 | 第四节：生命周期
本文是学习React笔记，对应视频为：https://www.bilibili.com/video/BV1oW41157DY的 14 - 16 节。 生命周期 需求：自定义组件 1. 让指定的文本做显示/隐藏的动画 2. 切换时间为2s 3. 点击按钮从界面中移除组件界面 重要的钩子 1. render() 初始化渲染或更新渲染调用 2. componentDidMount() 开启监听，发送ajax请求 3. componentWillUnmount...原创 2021-01-22 14:32:55 · 129 阅读 · 1 评论 -
React学习笔记 | 第三节：组件组合使用和收集表单数据
本文是学习React笔记，对应视频为：https://www.bilibili.com/video/BV1oW41157DY的 10 - 13 节。 一、组件组合使用 问题：数据保存在哪个组件内？ 看数据时某个组件需要，还是某些组件需要？ 问题2：在子组件中改变父组件的状态 子组件不能直接改变父组件状态 状态在那个组件，更新状态的行为就应该定义在哪个组件 父组件定义函数，传递给子组件 组件化编写功能的流程： 1. 拆分组件 ...原创 2021-01-22 11:59:28 · 259 阅读 · 0 评论 -
React学习笔记 | 第二节：React组件三大属性
本文是学习React笔记，对应视频为：https://www.bilibili.com/video/BV1oW41157DY的 7 - 10 节。 一、state 需求： 自定义组件，功能说明如下 1. 显示h2标题，初始文本为：没点状态 2. 点击标题更新为：点击状态 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>State.原创 2021-01-22 10:32:24 · 145 阅读 · 0 评论 -
React学习笔记 | 第一节：React入门
本文是学习React笔记，对应视频为：https://www.bilibili.com/video/BV1oW41157DY的 1 - 6 节。 一、引入JS <script src="https://cdn.staticfile.org/react/16.4.0/umd/react.development.js"></script> <script src="https://cdn.staticfile.org/react-dom/16.4.0/umd/react-d.原创 2021-01-21 17:28:30 · 150 阅读 · 0 评论