sinat_40697723的博客

一. 使用React编写todolist1. 占位符Fragment；先从下面图片开始了解本节的目录结构、代码、效果：目录结构：代码：index.jsTodoList.js效果:上图中红色方框中的dom结构是用一个div包裹的，但是有时候我们在实现flex布局的时候该div包裹会影响我们的样式。React提供了一个占位符Fragment。我们引入该占位符...

一.React developer tools安装及使用这是React项目的调试工具，方便我们在开发过程中对React项目进行调试。安装步骤：1. 去github下载react-devtools压缩包，也可以通过git bash下载： git clone https://github.com/facebook/react-devtools.git2. 下载成功后，进入re...

一. Redux 概念简述 React 本身是一个视图层的框架，我们想要开发比较大型的项目，还需要 Redux 这个数据层的框架来帮助我们。下图就是是否使用了Redux 进行传值的比较。 Redux： 把组件所有的数据都放到公用的存储空间 Store 里，当绿色组件想要改变数据传递给其它组件的时候，只需要改变 Store 里面对应的数据即可，...

1、UI 组件和容器组件UI 组件负责容器的渲染，容器组件负责页面的逻辑 ；将之前的 TodoList.js 拆分成 UI 组件和容器组件，TodoListUI.js :import React, { Component } from 'react';import { Input, Button, List } from 'antd';class TodoListUI ex...