随笔分类 -  React

React学习之数组
摘要：1.map方法遍历数组 这里说一下为什么要加上Array.isArray判断，初次使用react的时候可能会有这样的问题，数据请求已经返回来了，也打印看了确实有数据。 但在渲染的时候还是会报错，比如下图。 原因是第一次渲染的时候，请求数据有可能还没有返回，这时候使用map遍历，因为还没有数据所以是可 阅读全文
posted @ 2025-07-24 11:24 狗狗听话 阅读(11) 评论(0) 推荐(0)
React刷新页面报错（404）
摘要：报错原因： 你在浏览器内可以由首页跳转到其他路由地址，是因为这是由前端自行渲染的，你在React Router定义了对应的路由，脚本并没有刷新网页访问后台，是JS动态更改了location。 当刷新时，首先是访问的后台地址，然后返回的页面内加载了React代码，最后在浏览器内执行；也就是说如果这个时 阅读全文
posted @ 2024-06-05 13:45 狗狗听话 阅读(320) 评论(0) 推荐(0)
React路由 基础：react-router-dom
摘要：这里简单介绍一下react路由基础的知识，以及基础操作 一，安装命令 npm install react-router-dom 二，路由模式 1.ReactRouter支持两种路由模式：BrowserRouter和HashHistory。 2.BrowserRouter使用URL中的/来定义路由，例 阅读全文
posted @ 2024-06-03 14:16 狗狗听话 阅读(226) 评论(0) 推荐(0)
React学习之Hook
摘要：1.什么是Hooks Hook 是React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。 React有类组件和函数组件两种写法。在没有Hooks以前，需要State的组件只能通过类组件实现。而Hooks就是让函数组件具有State和 阅读全文
posted @ 2024-03-07 11:20 狗狗听话 阅读(10) 评论(0) 推荐(0)
Reactjs学习之fetch请求
摘要：ReactJS通过fecth异步加载数据,并且不需要加载任何模块。是一种XMLHttpRequest的替代方案，除了用ajax获取后台数据外我们还可以使用fetch、axios等方式。 1.GET使用方法： fetch("http://localhost:8002/search/" + this.s 阅读全文
posted @ 2023-02-08 11:03 狗狗听话 阅读(418) 评论(0) 推荐(0)
React学习之受控和非受控组件
摘要：受控组件是通过事件完成对元素value的控制，反之就是非受控组件。 1.受控组件的value通过onChange事件来改变，非受控不需要通过事件来改变value。 2.受控组件通过事件通过setState重新渲染页面，理论上效率比非受控稍微慢点，但基本框架思想的考虑还是推荐使用受控。 3.非受控组件 阅读全文
posted @ 2019-01-08 14:31 狗狗听话 阅读(186) 评论(0) 推荐(0)
React学习之事件绑定
摘要：React事件绑定有主要有三种方式 第一种官方推荐方式： class LoginControl extends React.Component { constructor(props) { super(props); this.handleLoginClick = this.handleLoginC 阅读全文
posted @ 2018-10-09 10:20 狗狗听话 阅读(235) 评论(0) 推荐(0)
React学习之redux和react-redux
摘要：Redux作用 解决多个组件使用同一个数据的问题，即数据共享问题。因为react是单向数据流自上而下传递，数据是由父组件传递子组件。所以如果组件层级很多在使用到共享数据的时候会很麻烦。 主要对象 Store 全局数据源对象，负责与外部组件进行数据交互。 1.外部组件获取redux中的数据(store 阅读全文
posted @ 2018-05-31 16:13 狗狗听话 阅读(326) 评论(0) 推荐(0)
React学习之常用概念
摘要：看见一篇不错的文章转载，文章源地址：https://blog.csdn.net/zwp438123895/article/details/69374940 一. State和 Props state:包括：那些可能被组件的事件处理器改变并触发用户界面更新的数据，譬如需要对用户输入,服务器请求或者时间 阅读全文
posted @ 2018-05-25 11:35 狗狗听话 阅读(225) 评论(0) 推荐(0)
Redux作用
摘要：作用：Redux是为了解决React中组件与组件之间数据传递的问题。 React组件之间的传递有三种情况：1、父组件传递数据给子组件：由于redux是一个单向数据流的框架，所以它的数据就只能由父组件传递给子组件（props）。2、子组件传递给父组件：而子组件想父组件的传值的话则需要使用回调函数。3、 阅读全文
posted @ 2017-05-02 16:11 狗狗听话 阅读(624) 评论(0) 推荐(0)