JoyNop - 享受空白

如何将React.Componment作为服务使用遇到的问题:在NextJs中,当通过Axios请求数据时,如何监听并提供一个方法,在请求是显示loading组件,请求结束后若有错误,则弹窗 Error -Toast解决思路:在App.js中增加(或追加一个<div />)=>对该<div />追加相应的展示组件=>通过show:boolean=false控制其

- 阅读全文 -

一边吃零食一边看完了Next.JS的文档,写的不是很复杂,demo尝试起来也很快速:grimacing:我在看Next.JS文档的时候,是通过yarn init 手动搭建的空项目,然后按照文档一点一点写demo如果您不喜欢init,可以尝试使用create-next-app,接下来我们也提到一些关于create-next-app的安装和使用本篇文章主要是对Nextjs文档读后体会,以及发现的新鲜事

- 阅读全文 -

link:https://reacttraining.com/react-router/web/guides/code-splittingdemo{ "presets": ["@babel/preset-react"], "plugins": ["@babel/plugin-syntax-dynamic-import&q

- 阅读全文 -

t> 前几天给准备了一些简单的简单的React教程，之前在做团队项目的时候，用了大佬们的框架，直接刷刷写就OK，可是当自己去配置一些东西的时候，发现事情并没有那么简单，用了两天的时间反复折腾一些UI，配置TypeScript，每一步都十分艰辛创建React项目这里我们首先采用FaceBook制作的Create-React—App 这个Cli，用脚手架的原因就是，比较方便嘛，先配制出一个架子来

- 阅读全文 -

这里有一篇讨论，说了哪个才是 React 最好的 ui 组件库。https://discuss.reactjs.org/t/best-ui-library-for-react/2953/5我也不知道。因人而异吧，喜欢用哪个就哪个，只要能解决问题就好。所以这里把一些国内外的 ui 组件库收集一下，希望能找到自己所需。国外bellereact-bootstrapbootstrap 4grommetel

- 阅读全文 -

先来看这故事的开头是这样的：今儿阿华写代码的过程中，发现一个list下拉菜单无法自动收回，修改了属性没有正常的效果，存在一个冒泡，但是解决起来费了些功夫，发现在内层用stopPropagation阻止绑定在document上的事件的时候，是没办法做到的，只可以阻止outClick事件的触发。class ExampleApplication extends React.Component {

- 阅读全文 -

cid=89 本文章当初是为了给父亲讲述一下政务网站新闻发布，细心的老爹竟然看得出来大部分烟台地区的政务网站都是一套系统，其实这合情合理，毕竟不能每个市，区，县的网站独立开发，不利于对数据的维护。正好博客有后台，其实也就跟父亲展示了一下后台发布文章的功能，这也是我没有选择ghost .hexo的原因，我可以随时随地的写文章，而不需要去git,node 告诉他其实政府新闻办宣传部什么的只是把文章复

- 阅读全文 -

感想近期一直在研究Redux，搞得一头雾水，上周看了很多文档，多数讲的是数据之间的传递和使用方法，感觉机械搬copy相关代码并无大用，万一遇到什么奇葩的项目，还是得另寻道路上周搞了一直的redux，反复架构实验最后都没有得到太多有用的东西，跟着教程一步一步来，却没有搞明白他的核心思想到底是什么，一直到27号，找到了一些能够引起我注意的东西，也许不是redux最核心的思想，但值得肯定的是，他在某些R

- 阅读全文 -

最近看了很多关于React生命周期的文章，也收集很多关于React生命周期的资料，对于React组件，生命周期是他的核心概念之一，React的主要核心思想是通过构建可复用的组件来构建用户界面。所谓组件，其实就是有限状态机（FSM）通过渲染对应的界面，且每个组件都有自己的生命周期，它规定了组件的状态和方法需要在哪个阶段改变和执行有限状态机，表示有限个状态及在这些状态之间的转移和动作等行为的模型，一般

- 阅读全文 -

import { createStore, applyMiddleware,compose } from "redux"; import thunk from "redux-thunk"; import rootReducer from "./reducers/index"; const initialState = {}; const

- 阅读全文 -

componentWillReceiveProps()该方法会接受新属性对象，让你可以根据新属性设置state，还可以进行其他工作以确保组件状态保持正常。componentWillUpdate()当你的组件再次渲染时，在render()方法前调用（在组件的props或者state发生改变时触发该方法）。componentDidUpdate()在render()函数执行完毕，并且更新的组件已经被同步

- 阅读全文 -

(this.props.todos || []).map(() => {})这样可以避免 undefined 或者 null 不能map的问题

- 阅读全文 -