1.新建一个项目文件夹Code,使用VSCode,将Code文件加添加到工作区; 图2.1 2.右击Code文件夹,在选项卡中选择在终端中打开; 图2.2 3.在终端中输入如下命令,新建React项目: create-react-app todo-list 图2.3 4.生成Rreact项目如下 : 图2.4 React开发主要是对src里的文件动手脚,node_modules主要防止各种依赖包,pu...
title:"学习React的todo list"},]);const[openModal,setOpenModal]=useState({open:false});/*** ...
//导入React相关依赖import React from'react';//创建一个组件class ToDoList extends React.Component{ //构造函数 constructor(props){ super(props); //this是父组件(类)的一个实例,实例就类似于java里的一个类,创建了这个类型的一个对象,这个对象就是实例 this.state = { //this.state里可以写一些初始化...
1.新建一个项目文件夹Code,使用VSCode,将Code文件加添加到工作区; 图2.1 2.右击Code文件夹,在选项卡中选择在终端中打开; 图2.2 3.在终端中输入如下命令,新建React项目:create-react-app todo-list 图2.3 4.生成Rreact项目如下 : 图2.4 React开发主要是对src里的文件动手脚,node_modules主要防止各种依赖包,publ...
react之todoList基础小项目 1.项目最终成品和项目目录快照如图: 2.context.js文件 //使用context进行多级传递数据//1. createContext 创建一个可以多级传递的context数据//2. 使用 上一步创建的 conext ,提供一个 Provider 的提供器组件,把想要使用 context里面的数据的组件包起来,用来发送数据//3. 在需要使用 ...
1.新建一个项目文件夹Code,使用VSCode,将Code文件加添加到工作区; 图2.1 2.右击Code文件夹,在选项卡中选择在终端中打开; 图2.2 3.在终端中输入如下命令,新建React项目: create-react-app todo-list 图2.3 4.生成Rreact项目如下 : 图2.4 React开发主要是对src里的文件动手脚,node_modules主要防止各种依赖包,pu...
这个todo-list 项目,很简单,前端使用 react,后端 nodejs 使用 koa2 进行开发。数据库使用 Mysql。之所以要选择这些框架、数据库,是因为我都不会这些技术,为了学习,所以就使用这些技术进行开发。 在这次的小项目开发中,大概用了1个月的时间吧,平时有空就开始开发或者学习。
网络错误导致视频加载失败,建议稍后刷新重试 [code: 4] 00 React项目_商城后台 3 Ant Design Pro应用 10 TodoList添加数据 学习猿地 react 视频文本 温馨提示:文本由机器自动转译,部分词句存在误差,以视频为准 00:00 大家好,在上一节课我们完成了数据共享的功能,让这个列表的一个数据啊,在列表中和这个头部都能...
React中文:http:/// React中文文档:https://react.docschina.org/ DevDocs - 开发文档网站:https://devdocs.io/ ) 下面是webstorm打开看到的效果(自动建立的文件删了) public/index.html是一个入口,index.js是这个入口的js文件 components是使用到的组件 ...
import React from 'react'; import ReactDOM from 'react-dom'; import TodoList from './TodoList'; ReactDOM.render(<TodoList />, document.getElementById('root')); 使用ReactDOM.createRoot() 函数渲染组件: const root = document.getElementById('root'); ReactDOM.createRoot(root).render(<Todo...