react-redux入门级学习
源码地址
https://github.com/Hard-workingrookie/react-redux-todolist
react-redux编写TodoListReact-Redux介绍和安装React-Redux 是react生态中的常用组件,可以理解为全局数据状态管理工具(状态管理机),用来做组件通信等。
react项目初始化1234create-react-app demo02cd demo02npm start
或者
1yarn start
安装完成后,删除一些没有必要的样式和代码,在/src目录下,只留一个index.js文件,其余的全部删除,这时候项目已经不能启动起来了,这很正常。
1234import React from 'react';import ReactDOM from 'react-dom';ReactDOM.render(<App />, document.getElementById('root'));
我们把APP删除了,所以会报错,不过没有关系,我们之后再来处理这个 ...
使用React Hooks构建电影搜索应用程序
最终完成效果
初始化项目1create-react-app hooked
hooked是APP名字
1npm install -g create-react-app
如果没有安装create-react-app,请输入这段
完成后,我们应该有一个名为“ Hooked”的文件夹,其目录结构如下所示:
在此应用程序中,我们将有4个组件,因此让我们概述每个组件及其功能:
App.js —它将是其他3的父组件。它还将包含处理API请求的函数,并且具有在组件的初始呈现期间调用API的函数。
Header.js —一个简单的组件,可呈现应用程序标题并接受标题道具
Movie.js —渲染每部电影。电影对象只是作为道具传递给它的。
Search.js —包含带有输入元素和搜索按钮的表单,包含处理输入元素并重置字段的函数,还包含调用作为道具传递给它的搜索函数的函数。
让我们开始在src目录中创建一个新文件夹并将其命名,components因为这是我们所有组件所在的位置。然后,我们将App.js文件移动到该文件夹中。然后,我们将创建Header组件。创建一个名为的文件,He ...
Hello World
Welcome to Hexo! This is your very first post. Check documentation for more info. If you get any problems when using Hexo, you can find the answer in troubleshooting or you can ask me on GitHub.
Quick StartCreate a new post1$ hexo new "My New Post"
More info: Writing
Run server1$ hexo server
More info: Server
Generate static files1$ hexo generate
More info: Generating
Deploy to remote sites1$ hexo deploy
More info: Deployment